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

Room homepage

@DemoStephen

Desktop design screenshot for the Room homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Its an amazing thing working on this project. I did some magic while building this page. Next time i would do more magic.

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

I encounter some challenges while i was trying to change the image and the sections once user click on an event. I was able to figure that out with the use of an object thats is containing all the information that i need.

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

Currently, I am still learning. I need help with everything you can think of.

Community feedback

@DemoStephen

Posted

Thanks for the feedback man. And by the way I made use of chrome dev tool. I would take a look Kevin Powell explanation on media queries.

0

@TedJenkler

Posted

Hi @DemoStephen,

Nice project! One area I’d suggest looking into is how to use media queries to make your site fully responsive. Do you use Chrome DevTools? If not, I strongly recommend using it to test your site at different screen widths to see how it responds.

If you’re new to this and don’t want to dive into media queries just yet, consider adopting a mobile-first approach. This way, even if your project doesn’t look perfect on larger screens, it will still be functional and won’t break. Since most websites today are viewed on mobile devices and tablets, this approach is very useful.

I’d also recommend checking out Kevin Powell on YouTube—he’s excellent at teaching how to master CSS.

I hope this feedback was helpful!

Best, Teodor

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