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

HTML, CSS, CSS Variables and Flexbox and Javascript

P
David Turner 4,110

@brodiewebdt

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


The booking menus was very involved with a lot of custom styling. I would be interested if anyone has any insights on a better way to structure it. Thanks.

Community feedback

@elroytoscano

Posted

The website is well designed/developed.

Here are some pointers you could look into:

  • Give a shot at SCSS and have a look into BEM as it'll help you out with segregating styles effectively.
  • At the booking page, there is a little empty gap associated with the styling at the bottom of the page.

Marked as helpful

0

P
David Turner 4,110

@brodiewebdt

Posted

@elroytoscano Thanks, I fixed the problem with the white-space below the footer. I am waiting for Kevin Powells SCSS course to be released. Unless someone wants me to learn BEM, I am holding off on that. Thanks for checking my design.

David

1

@elroytoscano

Posted

@brodiewebdt The BEM thing is more associated with naming conventions for elements and nested elements, when I started out with it, I was a unsure for a while, however, I found it's worth when nesting elements to a several levels deep and dealing with elements with conflicting names. So that's my two cents on BEM.

Marked as helpful

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