Layout challenges again... but with an April Fools twist... the challenge has been hijacked! Instead of your usual pretty figma layouts, you must create a layout from a scruffy notes-app doodle. >:) The layouts are meant to be incomprehensible... so let your creativity shine through in how you interpret the boxes... err I mean scribbles.

Like the previous challenge, there's three levels of difficulty - arwos??? is meant for beginners, nvnzz is for those who want to try out tabbed/interactive sections (although you can choose to interpret it differently...), and zaz7 is... a mess. Pick the layout you feel most comfortable with, or challenge yourself to make something new!

As of april 2nd, cleaner versions of the layouts have been added. You're still free to look at the april fools versions for inspo tho!

The Challenge:

• Create a code using one of the 'arwos???', 'nvnzz' or 'zaz7' 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 8byte 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.