Submitted about 1 year ago

Blog preview card solution - using flexbox

ayx•170

@ayx234

A solution to the Blog preview card challenge

Preview Code

Solution retrospective

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

The article's image stretches vertically on the mobile version of the design. I searched for a dynamic solution and was introduced to CSS aspect-ratio.

Github didn't initially show the images or the correct font because I used src="/folder-name.../" Github needs a dot before the forward slash for relative paths src="./folder-name/..."

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

How do I make my HTML more semantic and accessible ?
How can I improve my CSS ?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on ayx's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord