Test your layout skills with this new front-end coding challenge

Matt Studdert
Frontend Mentor
Published in
1 min readDec 19, 2018
Design Preview of the desktop layout

For anyone who is starting to find their feet with multi-column layouts, this new challenge will provide a perfect test.

With the alternating content blocks, it’s designed to test your use of reusable classes for layout purposes. The fact that the content order flips on desktop, but is the same for mobile is another area you’ll need to think about.

If you’re learning CSS Grid or Flexbox, this is a perfect time to try using them for the page layout.

You can get more info and make a start on the challenge here.

Check out the mobile design preview to see how it scales down:

Design Preview of the mobile layout

As always, if you have any feedback or just want to say hi please feel free to message me 🙂

Happy coding!

--

--

Matt Studdert
Frontend Mentor

Front-end/JavaScript developer who loves to build useful products. Creator of Frontend Mentor (https://www.frontendmentor.io).