Recipe Page

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!