Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Flex-based Responsive Blog preview card

CJ-Cepeā€¢ 200

@CJ-Cepe

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@Aayan16

Posted

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-Cepe

Posted

@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

@Aayan16

Posted

@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

Log in with GitHub
Discord logo

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