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
Request path contains unescaped characters

Submitted

Recipe page using Tailwind CSS

@aaditamanugraha

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?

Hi guys!

I am so proud to finish this project. The "Recipe page" challenge is just a simple html content with basic CSS, but I use Tailwind CSS for styling this project. I am new to Tailwind CSS and still learning to use it for faster styling my project. After this project I am already feel confident using it.

Actually there are few bugs inside my code. As you can see that I make decimal list not using .... html tag but instead I use div in it because I found some problem using ol tag for styling. I will fix it later.

That's all from me, happy coding!

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

I make decimal list not using .... html tag but instead I use div in it because I found some problem using ol tag for styling. I will fix it later.

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

Please help me to find a way to use ol tag for decimal list using Tailwind CSS.

Community feedback

@lost50U1

Posted

overall the design is good but you can experiment with the container width to make it looks more like the design.

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