Submitted
Blog preview card
- HTML
- CSS
What are you most proud of, and what would you do differently next time?
I'm proud of using Flexbox to arrange the card layout.
I was able to use flexbox to place the learning tag correctly on the left.
.tags { background-color: #f4d04e; padding: 4px 12px; border-radius: 0.25rem; font-weight: 700; align-self: flex-start; }
What challenges did you encounter, and how did you overcome them?
I faced the challenge of font-sizing and image sizing on Mobile view. I had to learn how to use the font-size CSS property, the media query and correctly styling my images making them responsive .card-image { border-radius: 0.6rem; width: 100%; height: auto; }
What specific areas of your project would you like help with?
I struggled with responsive design and styling images, I would like help in those areas.