Main
.main-nav a a.active article.featured article p:first-of-type li:nth-child(even)
p < .text < p.text < #main < #main .text p
.box {
width:300px;
padding:20px;
border:5px;
}
.navbar { display:flex; justify-content:space-between; }
.cards { display:flex; gap:20px; }
.card { flex:1; display:flex; flex-direction:column; }
grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
@media(min-width:768px){ ... }