CodePen

HTML

            
              <body>
<div class="gridContainer clearfix">
  <div id="LayoutDiv1"><p>Berryville Farm, LLC was started in 2009 by Norm Mattson. After spending nearly 34 years as a successful engineering manager for a local company, Norm decided it was time for a career change and time to start pursuing his “retirement” job. Having an interest in horticulture and readily available land, a detailed investigation led him to strawberries. Because after all, who doesn’t like fresh strawberries!</p>

<p>In the spring of 2009, after planting 15,000 strawberry plants of different varieties, Berryville Farm, LLC was born.</p>

<p>The farm’s name has its origin in the historic Berryville Neighborhood in the Town of Somers, Kenosha County. In the early half of the 1900’s the surrounding area was a hub of berry farms, producing berries for the Chicago market. Each week during the season, local farmers would load their freshly picked berries at a local train stop and transport them to their big city customers. </p>

<p>Over the years, the farms slowly disappeared as did the neighborhood’s identity. What remains is the excellent soil and a micro climate along Lake Michigan which helps to produce our delicious fresh strawberries and other produce.</p></div>
  
  
  <div id="LayoutDiv2">This is the content for Layout Div Tag "LayoutDiv2"
<figure><img src="images/KarenNorm.jpg"/>
  <figcaption>This is the caption</figcaption>
</figure>
<figure><img src="images/FarmPhoto.jpg"/>
<figcaption>This is the caption</figcaption>
</figure>
</div>





</div>
</body>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              .gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1{
	clear: both;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
}

#LayoutDiv2 {
	clear: both;
	float: right;
	margin-left: 50%;
	width: 50%;
	display: block;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................