All solutions

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

I think the main challenge of this challenge was to understand the containers well and how the parent and child elements work.

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

The biggest challenge of this challenge was hiding the image behind another so that it was shown with the :hover, I achieved this using a pseudo-element that was only shown occupying the space of the available image container.

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

I couldn't manage to apply opacity to the background color "cyan" in the image but without applying opacity at the same time to the "eye" that is shown when hovering over the image.

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

I loved doing this project‼️, it tested me but I liked learning new things 💕.

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

The biggest challenge was making the page responsive and keeping the image size appropriate for each screen size. but I achieved it using maximum and minimum sizes 👌.

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

I would like a lot of help in the specificity part when using an @media, in one element I had to use !important because I couldn't do it without it 😒.

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

Definitely for me the biggest challenge was the table of values, it was difficult for me to organize it in the same way as in the challenge, it was difficult for me to roll an element without affecting the other column but I managed to do it using a relative position as an argument.

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

You can't make the responsive project for cell phones look the same, I couldn't make the image enlarge, occupying the entire top part as the design shows, I still need to learn that responsive part using only CSS.

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

I think I still need help in the part of being able to specify the size of the container well and that it is responsive, I already use REM but I think I still don't fully understand it.

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

I am proud to be able to do it all on my own. I would like to have done it with a more stylized and organized code and for that for next time I want to use some framework

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

The main challenge for me was that some containers were aligned to the left and others in the center, but all on the same card. To do this, I had to investigate the flex-self property that serves precisely for this.

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

I feel like my CSS code is too long and I use too many callouts. I would like to know how I could make it shorter and more stylized.

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

I feel proud to do it myself and learn about the difference of padding and margin on my own so that I can organize the card well. Next time I would implement a different way to learn css such as Sass or even tailwind although it is not necessary, just to learn.

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

The main challenge for me was how to put everything in its place, I couldn't get everything to be centered and with the expected separation between each component, what I did was research on the paddin and the margin, and start testing.

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

I would like help with the structure part of the HTML, I think it could be much simpler but I did it as I thought it was better and easier