February 2023 | Layout


February 2023

Layout Challenge

Stable, Flip & Wobble


Layout challenges are back! Below are three layout mockups; choose one, and make a code! The layouts are intended to be as "blank slate" as possible - what content they should have and where it should go is entirely up to you!

Due to some beginners struggling with setting up grids in past challenges, these layouts have more varied difficulty levels - Stable is the easiest to set up, Flip is for those who feel comfortable with gridding, and Wobble requires fiddling with negative margins. Pick the layout that fits your skill level, or challenge yourself to make something new! :]

Stable

stable.png

Flip

flip.png

Wobble

wobble.png

The Challenge:

  • Create a code using one of the 'Stable', 'Flip' or 'Wobble' layouts.
  • You don't have to use the exact same sizes, but keep the proportions roughly the same.

You may...

  • Make small layout adjustments, like splitting one box into two or changing the amount of boxes in a group.
  • Alter the style to your liking. Changing border radiuses, margins and colours is encouraged.

You may not...

  • Frankenstein, copy or take heavy inspiration from other coders. All code should be your own.

Your posted code should either credit Togo for the layout, or link back to this challenge. The credit doesn't need to be included in the code - it can just be mentioned in a text block above the preview.

You only need to make one code to recieve your challenge point - however you can make multiple codes using different layouts for bonus points.


Submissions will close on February 25th.

Have any comments, questions, concerns or feedback?

COMMENT HERE

Finished with your code?

SUBMIT HERE