Skip to content
Submitted 3 months ago

Responsive recipe page using Tailwind css

accessibility, tailwind-css
ebenkanin•370
@ebenkanin
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

creating a table using tailwind css for the first time. The documentation on the tailwind website was a huge help.

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

still struggle with using background image in tailwind and adding custom fonts but the documentation was very helpful. Hopefully, i can get more conversant with it

Code

Please log in to post a comment

Log in

Community feedback

  • Saima Ahmed Sial•1,220
    @saimasial-bit

    "Great job on the solution! The layout looks clean and responsive. However, I noticed that you haven't used semantic HTML elements like <article> and <section>. Adding them would improve accessibility and readability. Also, on smaller screens, the text alignment looks slightly off. Adjusting the padding/margins might help. Keep up the great work!"

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