* { box-sizing: border-box } .row::after { content: "" clear: both display: table }
[class*="col-"] { float: left padding: 15px } html { font-family: "Lucida Sans" sans-serif
} .row ul { list-style-type: none margin: 0 padding: 5 } .row li { padding: 8px
margin-bottom: 7px font-weight: 400 } * For mobile phones: * [class*="col-"] { width: 100%
} @media only screen and (min-width: 600px) { * For tablets: * .col-s-1 { width: 16.66% }
.col-s-2 { width: 33.33% } .col-s-3 { width: 50% } .col-s-4 { width: 66.66% } .col-s-5 {
width: 83.33% } .col-s-6 { width: 100% } .col-s-7 { width: 100% } .col-s-8 { width: 100% }
.col-s-9 { width: 100% } .col-s-10 { width: 100% } .col-s-11 { width: 100% } .col-s-12 {
width: 100% } } @media only screen and (min-width: 800px) { * For desktop: * .col-1 { width:
8.33% } .col-2 { width: 16.66% } .col-3 { width: 25% } .col-4 {...
