Skip to content
Submitted over 2 years ago

a responsive solution to the Officelite Coming Soon site

Kellen Ruyle•930
@rule-kells
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Officelite coming soon site
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Any feedback on how to improve the form would be much appreciated. I know I should have used <selection> and <option> for the dropdown menu but I could not override the default dropdown box to style it like the design. Also, any advice on how to improve the countdown timer? Not sure if I achieved the desired effect, but it is working! I appreciate any feedback and advice on this challenge!

Community feedback

  • David•8,000
    @DavidMorgadePosted over 2 years ago

    Hey man congrats on the solution!

    Regarding on the select and option topic, you can remove all default styles using on them the property all: unset, this will let you style the selects with your own CSS, you just have to declare them after the unset, otherwise those styles will get removed too.

    The UI and the timer looks great for me, good job and keep going!

    Marked as helpful
    1
    Kellen Ruyle•930
    @rule-kellsPosted over 2 years ago

    @DavidMorgade Thanks, David! yeah, I never tried that. I sometimes use all: unset with buttons but never thought to use it for select or option. I'll have to keep that in mind for the next time. Thanks again!

    0

Please log in to post a comment

Log in with GitHub

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