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

Base Apparel with grid layout, animation and dark theme

@VincenzoMuolo

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi there!

This challenge was interesting for working with full screen images, mobile one was easier, with desktop i've found some difficulties while working, but i think is fine now, if you have any feedback or correction is well accepted!

Another thing, for a coherent color scheme in dark mode i've basically copied the original svg and made another with needed colors, there is a better solution for achieve this?

Cheers

Community feedback

P
Mario 140

@Mario97M

Posted

Love the dark mode option and the loading animation, definitely something i'm gonna try. At about the 1050px mark of the screen, I noticed the image goes up and it leaves a big empty space below it, then as you close it more, it goes to mobile view. I think try to have it take up a hundred percent of the height as your closing it past the 1000px mark.

Marked as helpful

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