I felt more comfortable with this challenge using flexbox. Flexbox has been something that has been difficult for me to work with. I also found working with the hover to be easy. The highlight behind the topic title took some time, but I got it.
What challenges did you encounter, and how did you overcome them?I'm still not getting the hang of margins. Every time I think I know how they will work, my content does not display as expected. What helps is for me to play around with them using percentages and static values.
What specific areas of your project would you like help with?Thank you for previewing my attempt at this challenge. I welcome your feedback.
I had problems trying to center the container on the page. I tried including align-items in .card to center the container horizontally and vertically, but it only centered the text and not the container. Not sure how to fix this so I used the margins with percentages.
Also, had trouble increasing the height of the card. If I increase the height, all of the child items in the container shift down and leave a space at the top.
Lastly, if there is any feedback that could help me with isolating/sizing the card image so that it stays in place and does not shift when I'm working with the headings and paragraph.