<h4 class="bo-b_xs pa-b_xs">
  Favorite websites
</h4>
<ul class="columns gap-h_s cols-3 cols-2-p ma-t_px-">
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="http://www.4chan.org/">4chan</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://alistapart.com">A List Apart</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.apple.com">Apple</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.bloomberg.com/">Bloomberg</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://butdoesitfloat.com/">But does it float</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://codepen.io">CodePen</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.designernews.co">Designer News</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://duckduckgo.com/">DuckDuckGo</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.facebook.com">Facebook</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.fortrabbit.com">fortrabbit</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.google.com">Google</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://news.ycombinator.com">Hacker News</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="http://www.instructables.com/">Instructables</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.linkedin.com">LinkedIn</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://developer.mozilla.org">MDN docs</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://medium.com">Medium</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="http://motherfuckingwebsite.com/">Motherf… website</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://stackoverflow.com">Overflow</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.reddit.com">Reddit</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://soundcloud.com/">Soundcloud</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.theonion.com/">The Onion</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://twitter">Twitter</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://vimeo.com">Vimeo</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://en.wikipedia.com">Wikipedia</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://xkcd.com/">xkcd</a></li>
  <li class="bo-t_px text-clip"><a class="block-link pa_xs" href="https://www.youtube.com">YouTube</a></li>
</ul>