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

a responsive solution to the Officelite Coming Soon site

P

@rule-kells

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


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

@DavidMorgade

Posted

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

P

@rule-kells

Posted

@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
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