All solutions

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

I appoached this project different with previous projects.

I plan ahead HTML, CSS structure, what semantic HTML tag should I use, what utility classes will help me achieve consistent look.

I had trouble with how to make the full width image on small screen sizes, but managed to achieve it with negative margin.

Creating a system like Cube CSS makes writing CSS more fun and rewarding.

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

I used this trick to achieve full width image on small screen sizes.

.recipe__image {
  margin-left: calc(-1 * var(--space-md));
  margin-right: calc(-1 * var(--space-md));
  margin-top: calc(-1 * var(--space-md));
}

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

Any feedbacks on the project would be valuable to me and be appreciated. Happy coding!

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

I learned new semantic HTML tags (details and summary) to create accordion. I learned basics of Cube Css.

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

I had trouble structuring new HTML tag, but I managed to overcome by reading MDN documentation.

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

Any feedbacks would be great! Happy coding!

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

I feel more and more confident when start a new project now.

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

I don't have much problems completing this project

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

Any feedbacks would be valuable to me. Happy coding :)

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

I tried my best to make the solution has closest look to the design.

Add some simple animation, have a little fun with it.

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

I have trouble selecting semantic HTML tags for category and publishdate element on the card.

I used tag in my solution for them to work. I might have used spans but I sticked to tag.

Not sure though if using tag in this context is good practices.

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

Any recommendations about the project would be valuable to me :)

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

I give myself the second chance to learn to code. And this is the second time to do projects with Frontend Mentor and I feel really excited.

I learned basics of HTML, CSS and JS via The Odin Project (another great site to learn web development). Now I want to use my knowledge to make as much project as I can to cement my skills.

Happy coding guys!

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

I don't have any challenges to complete the project

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

Feel free to check out my solution and feedbacks are valuable to me.