Day 74

Thinking about a blog layout
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

body {
max-width: 700px;
width: 80%;
margin: 20px auto;
border: 20px solid #bdc3c7;
font-family: "Source Sans Pro";
}

/*NOTE: use rem for font size for better consistency
that does not compound in nested elements.*/

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(200, 200, 200, 0.75), rgba(0, 0, 0, 0));
}

p, h2, hr {
margin: 20px;
font-weight: 400;
}

h2 {
color: #2c3e50;
text-transform: capitalize;
font-size: 1.5em;
font-weight: 700;
}

.date {
color: #3498db;
text-transform: uppercase;
letter-spacing: .3em;
}

div p:nth-of-type(2) {
border-left: 5px solid #bdc3c7;
padding-left: 5px;
}