All solutions

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

Made with:

• HTML 🦴
• TailwindCSS 🍃
• Flexbox 📦
• Mobile-first workflow 📲

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

Made with:

• HTML 🦴
• CSS 🎨
• Flexbox 📦
• Mobile-first workflow 📲

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

Made with:

• HTML 🦴
• TailwindCSS 🍃
• Flexbox 📦
• Mobile-first workflow 📲

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

Making the social media icons at the bottom right and overall layout improvements, this is definitely the hardest project I've ever done.

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

Made with:

• HTML 🦴
• TailwindCSS 🍃
• Flexbox 📦
• Mobile-first workflow 📲

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

Made with:

• HTML 🦴
• TailwindCSS 🍃
• Flexbox 📦
• Mobile-first workflow 📲

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

Made with:

• HTML 🦴
• TailwindCSS 🍃
• Flexbox ( until I learn Grid ) 📦
• mobile-first workflow 📲

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

Finishing the project in no time, though the card's width may not appear perfect.. I don't have pro so I can't update the screenshot, but I fixed the card width.

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

Positioning the circles. It's so annoying and especially making it responsive.

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

Anything, I'm open for improvements!. I struggle so much with making the text exactly how wrapped/aligned as in the design.

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

This is my first time using media queries.

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

I achieved this result using Tailwind for the first time, I also got the exact length x width for the container.

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

I spent 4 hours trying to deploy my project to Vercel only to find out I had --watch in the package.json

I also spent roughly 45 mins reading through TailwindCSS docs and at the same time working on the project, it was challenging at first but I got everything in a short time!

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

I somehow forgot how to center the container and have margin at the top like in the design, I tried everything.

The margins and paddings, like for example, I don't know how to put space between the markers and text in TailwindCSS. You guys are going to notice the vast difference between my solution and the desired design.

In addition, making the Nutrition table, I used gaps to align the items but I feel like that was a horrible practice.

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

The color palette choice and the margins, I've struggled so much with the gap and margin properties.

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

Finishing the project pretty quickly.

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

Any design recommendations.