Submitted 6 months ago

Flex-based Responsive Blog preview card

CJ-Cepe•200

@CJ-Cepe

Preview site View code

This is a solution for...Blog preview card

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Proud of: Implementing my second FM project.
- Made a small change; instead of the shadow moving when hovered over, the card moves instead.
What I would do differently next time:
- Implement using CSS Grid.

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

Challenge: I was unsure about the thickness of the border and the weight of the date.
Solution: I settled on a 1px border thickness and a font weight of 500 for the date.

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

The appropriate semantic HTML for the component.

Thank you

Community feedback

Aayan16•40
@Aayan16Posted 6 months ago
This is Awesome. I too started my journey on Frontend Mentor and did both the projects that u did. We could connect if u would want to. Learn together maybe. U look check out my code. Provide feedback. P.s your html seems fine
0
CJ-Cepe•200
@CJ-CepePosted 6 months ago
@Aayan16 Sure 😊 , I’d be happy to connect and learn together, but I am no Pro and I only have access to the free tier.
0
Aayan16•40
@Aayan16Posted 6 months ago
@CJ-Cepe I am also a beginner and only have free access. I just started this journey and we are going side by side so I thought we could help each other out, maybe share resources to learn concepts. Your CSS seems much better than what I write at the moment, I'm still figuring out flexbox and other concepts. Focusing on responsiveness rn. Connect over Instagram if you have one, Drop it down below.
0

Please log in to post a comment

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