Grid was not fit into my screen correctyl

Grid was not fit into my screen correctyl

hi I use a Grid in to my screen but it was not fit in to my screen correctly

belew is image  please help me


and my jsp page code is:


<!DOCTYPE html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib uri=" http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib prefix="c" uri=" http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri=" http://www.springframework.org/tags"%>

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pre-Registration</title>
<link rel="stylesheet" href="resources/css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="resources/css/PreRegistration.css">
<script src="resources/js/jquery-2.1.4.min.js"></script>
<script src="resources/js/jquery.mobile-1.4.5.min.js"></script>


</head>
<body>
<div data-role="page" id="preRegistration">

<div data-role="header" data-position="fixed" data-theme="b">
<h1>PreRegistration</h1>
</div>
<!-- /header -->

<div data-role="content">
<fieldset class="ui-grid-a">
   
<div class="ui-block-a">
<input type="submit" value="Submit" data-theme="a">
</div>
   
<div class="ui-block-b">
<input type="reset" value="Reset" data-theme="b">
</div>
</fieldset>

</div>
<!-- /content -->
<div data-role="footer" data-theme="b" data-position="fixed">
<h5>Footer</h5>
</div>
<!-- /footer -->
</div>

</body>
</html>