All solutions

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.

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

I am really happy to finish this project!

I just try to use Tailwind CSS for these few weeks and now with this project, I am already confident to use it for daily use.

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

For now I still wanted to learn and use Tailwind CSS for next project.

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

If you encounter some bugs in this project, please encourage me!

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

This project are fun!

Yes I really enjoy to finish this project because I also work at a construction company at the moment. It's so exhausting to think about my construction project, but THIS project are really fun and simple.

I also try to use Tailwind CSS in this project and I face some problem when I use flexbox to styling the position of main card. So I just simply move to grid this time.

Also I still figuring out why the drop shadow did'nt show at the main card. If you can help me with it please leave a comments!

Keep grinding bro!💪🏻

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

I got problem with Tailwind CSS in flexbox and drop shadow. Sometimes it just don't want to appear in my style. But when I manually inspect it and add vanilla CSS via inspect element, the bugs are solved. So for now I still figure it out how to solve this problem.

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

Is there any good and easy workflow to use Tailwind CSS in your project? I still confuse with the workflow to use Tailwind CSS.

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

Hallo 👋, I'm Adit, and here is my solution for the Intro componenet with signup form master challenge.

Features:

• 📱Responsive margin and padding.
• ⚠️ Display error message to users if input form are empty or format email are wrong.

Additional features:

• 🎉 Add success page when the users click the submit button.

Built with:

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

Any suggestions?

Drop your comment and share your thoughts! 🙌

Hallo 👋, I'm Adit, and here is my solution for the Profile Card Component challenge.

Features:

• 📱Responsive margin and padding.
• 📍Positioning profile picture in CSS.
• 🎨Profile name changing color when hovering in it.

Built with:

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

Any suggestions?

Drop your comment and share your thoughts! 🙌

Hallo 👋, I'm Adit, and here is my solution for the Interactive Rating Component challenge.

Features:

• 📱Responsive margin and padding.
• 🎨Change the button color when hovering in it.
• 🔘Using input type="radio" for the rating numbers.

Built with:

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

Any suggestions?

Drop your comment and share your thoughts! 🙌

Hallo 👋, I'm Adit, and here is my solution for the Stats Preview Card challenge.

Features:

• 📱Responsive margin and padding.
• 🎨Change the button color when hovering in it.

Built with:

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

Any suggestions?

Drop your comment and share your thoughts! 🙌

Hallo 👋, I'm Adit, and here is my solution for the Stats Preview Card challenge.

Features:

• 📱Responsive margin and padding.
• 🗗 Overlay background image.

Built with:

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

Any suggestions?

Drop your comment and share your thoughts! 🙌

Hallo 👋, I'm Adit, and here is my solution for the NFT Preview Card challenge.

Features:

-📱Responsive margin and padding. -🗗 Overlay image and icon when hovering in NFT image.

• 🌈 Change h1 and author name text color when hovering on it.

Built with:

-Semantic HTML5 markup -CSS custom properties -Flexbox -Mobile-first workflow

Any suggestions?

Drop your comment and share your thoughts! 🙌

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

Just update it

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

just update it

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

just update it

Hallo 👋, I'm Adit, and here is my solution for the Order Summary Card challenge.

Features:

• 📱Responsive background image, card, and margin.
• 🌈 Different colors for the link and button hover.

Built with:

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

Any suggestions? Drop your comment and share your thoughts! 🙌

Hello everyone, I just started this challenge yesterday and I want to get input from the community.

I am currently having difficulty making responsive images while working on a front-end development project. Do any of you have any guides or tips for solving this problem?

If anyone is willing to share their effective workflow or working methods when completing a project, I would greatly appreciate it. With the help and input from the community, I am confident that I will be able to complete this project with the best results.