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

Mobile first - html, css, js

@alexisjonas

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


Any feedback would be great!

Community feedback

Martin 1,150

@ringm

Posted

Hey Alexis! Excellent job! I think it looks great, you really nailed the design, it's exactly the same as the original. Good job!

My only advice would be to refine the layout a little bit, as I notice the content is not vertically centered on big screens (as it is on the original design). Also there's a wierd behaviour with the logo, as the screen gets wider, it starts getting smaller! Probably has something to do with the padding-left: 5vw; but am sure it's an easy fix.

May I suggest trying flexbox or CSS Gris for the layout? I think this project is a good opportunity to put them into practice, and will make your project sharper in the layout details across all screen sizes. Here is my solution for this challenge if you're intereted to take a look, I used CSS Gris :D.

Happy coding!

1

@alexisjonas

Posted

@ringm Thank you for the suggestions! I had not noticed that the logo was behaving that way.

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