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 Recipe page

@DetonatedSkull1722

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

The amount of effort i put into this was really too much, I got too bored even, but i kept going i am honestly just proud about that

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

The table thing in the bottom, it was really brain boggling because you can just use a normal table for that

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

nothing at the moment

Community feedback

Carlos Al 160

@crsaele

Posted

When displaying tabular data, using the <table> element and its related elements (<td>, <th>, <tr>, etc.) is better than using generic <div> elements for several reasons:

*Accessibility: Screen readers and other assistive technologies can identify and interpret table structures, making it easier for users with disabilities to understand and navigate the data.

*Semantic meaning: Table elements provide clear semantic meaning to the content, allowing search engines and other machines to understand the data's structure and relationships.

*Easier styling: Table elements have built-in styling and layout rules, making it easier to create visually appealing and consistent table designs with less CSS.

*Improved readability: Table elements help to create a clear and organized presentation of data, making it easier for users to scan and understand the information.

Using <div> elements to create a table-like structure can lead to confusing and inaccessible content, so it's best to use the right tool for the job – the <table> element and its friends!

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