Create sections of 700px width without wrapper divs (such that background can extend 100% and text only 700px)
padding: 1rem calc(50% - 350px);
What’s the clean, modern way to make a clearfix?
.group instead of .cf
content: “”;
display: table;
clear: both;