New front-end challenge to test coding and positioning decorative elements with CSS

Matt Studdert
Frontend Mentor
Published in
1 min readJan 3, 2019
Design Preview of the desktop layout

Sometimes a design calls for a front-end developer to get creative and hand-code decorative elements on a web page. In this challenge, there are no assets for the background shapes in the introductory section. Why use external assets when you can just create them yourself with code?! 🙂

Use this challenge to test your ability to create these shapes using only code and then position them correctly.

Check out the challenge here.

Here’s a preview of the mobile design so that you can 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).