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

Countdown landing page using SCSS and JavaScript

@gerardguydavis

Desktop design screenshot for the Officelite coming soon site coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was mostly completed with SCSS and Vanilla JS.

I wasn't quite sure what the design prompt was intending with the blue subscription card. I thought it was supposed to be a selector, and I kind of like it better that way, but the preview looks a little off because of it 😅 (The footer background is set to fixed, which I think also caused some issues with the preview. I guess I could have made that background image its own separate div.)

I'm mostly happy with how this turned out, but I'm almost certain there was a better, more DRY way to handle the drop down menu on the signup page. I probably should have used React for this. Oh well...

Community feedback

@tomiwaorimoloye

Posted

Hey, great work! but don't forget that the Pro pricing component has a background-color: blue by default

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