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

using vuejs for javascript and sass for styling

@SarahHenriette

Desktop design screenshot for the Dine restaurant website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I really like doing the integration but I admit that I still have difficulties at the level of the algorithm and also to optimize the code (if you have any advice, I am interested)

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hello, Elise Rousseau! 👋

Well done on this challenge! 👍 I really like the design of this challenge and you've done a great job in putting it together! 😀

I'd like to suggest,

  • Making the tabs in the "Book A Table" section clickable so that users can click to see the tab they are interested in (rather than wait for it to appear).
  • Adding overflow-x: hidden to the body (or something similar) to get rid of the horizontal scroll bar that appears in the desktop layout due to one of the decorative images overflowing its container.
  • Making sure the menu highlights don't cover up the paragraph in the same section in the "A few highlights from our menu" part of the page when the width of the screen decreases in the desktop layout. 😉

Hope those tips help. 🙂

Keep coding (and happy coding, too)! 😁

2

@SarahHenriette

Posted

Hi ApplePieGiraffe ! 👋

Thank you very much for your comment, I really enjoyed working on this project 😀

thank you for your suggestions, they are a great help to me.👍😊

1

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