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 (CSS-Grid + SCSS)

Alex 1,090

@AlexBueckig

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

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Great work on this challenge Alex! Nice to see you using Grid and going mobile-first. Also, good to see the picture element being used for the responsive image.

Keep up the great work! 👍

0

P
Matt Studdert 13,611

@mattstuddert

Posted

@AlexBueckig haha, yeah it's an element that a lot of people still don't use. But it's great. Nice work going down the rabbit hole with it and finding a great solution to the problem!

0
Alex 1,090

@AlexBueckig

Posted

I actually didn't know about the picture before starting this challenge. First I started it using a div with a background property and media queries to change the image but that didn't seem right to me.

Luckily google and finally stack-overflow provided the answer and now I know how to properly change pictures resonsively. 😃

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