code-foo/question2.html at master · MadManMathew/code-foo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
	<link href="http://fonts.googleapis.com/css?family=Fredericka+the+Great|Open+Sans+Condensed:700" media="screen" rel="stylesheet" type="text/css">
	<link href="css/template.css" media="screen" rel="stylesheet" type="text/css">

	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/template.js"></script>
</head>
<body >
<div id="question">
	<span  class="questionHeader">Question 2</span>
	<p class="contentText">Create a liquid layout with HTML, CSS, and Javascript. This layout must support the following resolutions: 1024x768, 1680x1050. Explain why you would use a liquid layout.</p>
</div>
<div id="answer">
	<span  class="questionHeader">Answer</span>
		<p class="contentText">&nbsp;&nbsp;&nbsp; While creating a liquid layout to answer this question I decided to create a web page to incapsulate all the questions. This site is a Liquid layout using HTML, CSS and Javascript as well as JQuery. Liquid layout sizes are set relative to the window size, not absolute in pixels. They are beneficial for different resolutions, as resolutions change the dimension change to match the percentages. This lets you used more screen real-estate if it is available. With so many form factors out there today ( tablet, laptop, desktop) you can potentially create one for all of them and have them scale appropriately. </p>
</div>
</body>
</html>