Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Loopstudios Landing - HTML & CSS only

Alex 225

@alexvalpeter

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Would love to know if anyone has any suggestions for why the "our creations" section overlaps the section above it at wider viewport widths. The other sections only grow wider but this one also grows vertically. I've tried changing the height, minimum height, padding, and other things but it still overlaps.

Community feedback

P
Patrick 14,325

@palgramming

Posted

well looks good but your mobile pop up menu seems way too big any reason why you made it take up the whole page

0

Alex 225

@alexvalpeter

Posted

@palgramming Thanks, it is supposed to take up the whole page according to the original FM design files.

0
P
Patrick 14,325

@palgramming

Posted

@alexvalpeter ok well a interesting thing about the design JPG files is they are double sized so they show 750px by 1334px so when you half the 750 to make it 375px it make the height of the menu 667px and that is the same that matches the sketch file dimensions for it

0
Alex 225

@alexvalpeter

Posted

@palgramming Yes I know, 375x667 is the full screen size of an iPhone 6/7/8 without the scale factor. You can also tell by looking at the size of the logo and menu icon in the design that the menu is full screen.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord