Skip to content
Submitted almost 2 years ago

Base Apparel Coming Soon Page built with HTML, Sass, and JavaScript

sass/scss
Katrine Pedersen•160
@KatrineNPedersen
A solution to the Base Apparel coming soon page challenge
Preview (opens in new tab)Code (opens in new tab)

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?

Code

Please log in to post a comment

Log in

Community feedback

  • Mohammed Fakih•1,590
    @javascriptor1

    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 🚀

  • Abdelrahman•90
    @Dribbz

    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 !

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