This static comp challenge will keep you exercising that HTML/CSS muscle. 💪 You will be asked to recreate the image below by recreating the screenshot using HTML and CSS.
Don't worry, we'll give you a bit of flexibility, however the objective is to build something that very closely represents the original design.
Once you get into the workforce, building out comps that reflect the designer's choice in layout, spacing, font, imagery, and color to the smallest detail is a requirement.
- We have not provided you with any images assets, nor beginning HTML/CSS files. You will have to find assets on your own according to the guidelines below.
Your HTML/CSS layout MUST look like the image below, but your creativity can include different things for the following:
- Text
- Images
- Icons
- Color palette, but ONLY if you select a complementary palette. We highly encourage you to visit sites like:
- Only work for one hour!
- Basic static site setup with
index.htmlandstyles.css, plus a screenshot of your work in a browser - Submit your work through a PR
