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

responsive office lite page with js

P
Edidiong 580

@ScarAgathor

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


What are you most proud of, and what would you do differently next time?

I started designing the page with a smaller screen first and then moved to the bigger screens using media queries. I have found this method works best for me. I couldn't figure out how to automatically select an offer on the index page. I mean, I couldn't record or keep track of the offer I clicked to have it be selected in the select form on the sign up page when the sign up page loads. Making the timer was really fun and probably the easiest part for some reason. I enjoy getting more practice with the date object. I also learned about the problems that can arise with two pages sharing the same js script.

What challenges did you encounter, and how did you overcome them?

I learned a lot about the limitations of select and ended up creating a custom drop down menu that functions like the select, I didn't know how to make a custom styled select using the select tag.

What specific areas of your project would you like help with?

Any help on how to send data between two HTML pages would be helpful. I also really need help on being more organized on relatively larger projects like this.

Community feedback

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