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 Coming Soon Page built with HTML, Sass, and JavaScript

@KatrineNPedersen

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


Is there a way to use the SCSS variables in JavaScript?

The background for the laptop version is showing up using the live-server, but it is not showing on the live-site. Would you be able to tell me how to fix this?

Community feedback

@javascriptor1

Posted

Hi Katrine,

Excellent work.

. Here is my feedback for your solution: • The hero image should stretch from top to bottom on the desktop design. No padding or white margins should surround the image from 3 sides. • The hero image should stretch from right to left on the mobile design. No padding or white margins should surround the image from both sides.( check @428px breakpoint) • You forgot to add the logo for mobile design. • Mobile design is having overflow on the x-axis @375px.

I hope this will help.

Keep coding 🚀

0

@Dribbz

Posted

Hello Great work, i would add set max-width to overall card and center it in the middle of the page rather than having it filling the entire page which isn't very esthetic to look at , overall you did a great job !!

have fun coding !

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