HTML Code
<h3>Short Passages code</h3>
<div class="stories">
<h5>Heading</h5>
Text Area
<a href="stories.html">Continue Reading</a>
</div>
<div class="stories">
<h5>Heading</h5>
Text Area
<a href="stories.html">Continue Reading</a>
</div>
<div class="stories">
<h5>Heading</h5>
Text Area
<a href="stories.html">Continue Reading</a>
</div>
<div class="stories">
<h5>Heading</h5>
Text Area
<a href="stories.html">Continue Reading</a>
</div>
CSS Code on external style sheet
.stories {
width:90%;
text-align:left;
margin:30px auto;
padding:20px;
font-family:georgia, times new roman, garamond;
font-size:1.2rem;
line-height:1.4;
box-sizing:border-box;
border-radius:15px;
border:solid 2px #4682b4;
box-shadow:10px 20px 10px gray;
}
h5 {
font-family: arial, helvetica;
font-size:1.4rem;
text-align:center;
padding:0 0 10px 0;
margin:0;
}
CSS Code for Mobile style sheet
.stories {
font-size:1rem;
}