Coding Test

:: Coding Test by 10 Pound Gorilla ::

  • Author: Steve Ham
  • Date: August 2017


Mini HTML Mockup

Code the code-this.png mockup in HTML and CSS utilizing Bootstrap’s framework as much as possible.

The file structure and images are all set up and ready to go. All you need to do is code it. The layout.css has a commented out section at the top that list the colors, font sizes, and font weights used.

Don’t worry about matching paddings or margins to the markup. Just use Bootstrap's default styling for things like margins and paddings on columns and font tags.

Tools & Techniques

  • HTML5
  • CSS3 using BEM
  • Bootstrap 3.3.7
  • Google Fonts


  • Not mobile-compatible; desktop-only for laptop and desktop computers
  • Cross-browser compatible with current versions of Firefox, Chrome, Edge, and Opera, as well as Internet Explorer 11

Built With

Share this project: