All solutions

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

The challenges were mainly working with CSS Grid and getting the responsiveness right. I watched some videos about it and asked Chat GPT some specific points that I was having trouble with. Took me a long time to be able to complete it, but I think it's fine since it was my first time using grid.

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

I had some trouble to discover how would I do the part below the ''Nutrition'' subtitle. It looked like it was using an tag but I found out that it wasn't, so after some moments thinking I figured out that it was a table with a border below each row.

The part where I had to change the color and weight of the numbers in the within the ''Instructions'' subtitle without changing the color and weight of the text following it was also a challenge. After some research, I managed to do it. Just needed to created an and substitute the bullet points with the numbers.

The last challenge was making the website responsive for 375px screens. I didn't quite manage to make it identical to what it was supposed to look like in the pre-estabilished design. I could create another HTML and CSS to make it look identical but that wasn't the objective of the challenge. It was to make the website responsive, but I couldn't do it.

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

Managed to finish the project in less time than usual.

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

I couldn't find a way to make the pointer cursor black.

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

I read about how to make the pointer cursor black and found out that there's no way to change the color of the cursor through CSS directly. Instead, I would need to get an URL to a black pointer cursor and then implement it on the CSS. I couldn't find a website to do this though, so any recommendations would be great.

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

I'm proud that was able to do most of it without major issues. It shows to me that, although I still have a lot to learn, I am improving little by little.

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

I think that one the challenges involves making the box-shadow of the card bigger and change the color of the text whenever you hover the ''HTML and CSS foundations'' text. Changing the color is a piece of cake, but I couldn't find a way to make the box-shadow of the card bigger. Unfortunately, I didn't manage to overcome this challenge, at least for now.

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

I would like to know how could I make the box-shadow of the card bigger when hovering over the ''HTML and CSS foundations'' text. This text was an 'H1' tag directly inside a 'main' tag, so I though using this line below would work.

main > h1:hover main{

}

But it seems to me that the 'hover' pseudo-class can't affect parents.