All solutions

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

I am proud that the final result looks close to the image preview. It was also another opportunity to continue practicing flexbox and try hover and focus states. Next time, I hope I will code faster and make less research.

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

-Styling the two images: put each image in a div image 1 and 2 : at first, the first image didn t have round corners despite applying border-radius ; putting it directly in img{} fixed that at first ; Then, adding padding to image erased border-radius again. = adding padding to card instead of image fixed that.

-The yellow background kept getting inside the card: I changed yellow background to html {} instead of inside *

-  Sometimes, It was easy to get lost in all the divs and containers. I had to review my code and the indents multiple times to make sure everything was okay.

-The second image doesn’t keep its size inside the div:did styling on the head instead of the css stylesheet to fix that.

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

I need help positioning authorname correctly: It was positioned fine on a previous version then, I changed the font and couldn't get the same result. I can't find it in the repository either. Also, general feedback on the code itself is welcome: organization, unnecessary lines, things that could have been done more easily etc

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

I am proud of the final result for the h1 title. Next time, I need to review some of the basics (line breaks in HTML, Box model in CSS for instance)

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

I spent a significant amount of time wondering: 1- How to move the second half of the text to the bottom: I though I had to use some complex CSS code or something. After first googling it, I used a tag. 2- Later, after looking at the picture of the final result, I realised there was too much space between the two lines in the title. Again, went thinking it was CSS related. I ended googling it again and found the tag--which, for some mysterious reason, I forgot existed--, and that ended up fixing it. I also googled how to make the image's corners round.

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

I need help with the paragraph in grey: It still doesn't look like the image preview, despite having the font-size indicated in the style-guide.