Skip to content
Submitted about 1 month ago

Blog Preview Card [ SEMANTIC MARKUP + VANILLA CSS + FLEXBOX + RESPO

#accessibility#bem#pure-css
Fakeye Tami•30
@FakeyeTami
Preview site (opens in new tab)View code (opens in new tab)
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?
  • Successfully built a clean and accessible blog preview card.
  • Used CSS variables to maintain consistent colors and typography.
What challenges did you encounter, and how did you overcome them?

Had trouble aligning it properly but fixed it by setting align-self: flex-start;.

What specific areas of your project would you like help with?
  • I’d love feedback on reducing font sizes and spacing for better responsiveness—I’m not very confident in responsive design.
  • Any tips on making box shadows look cleaner? Also, how does my code look overall?

Community feedback

  • Emerson-Henrique•50
    @NovicksPosted about 1 month ago

    In general, your code is well structured, I don't think there is much to worry about responsiveness, as your solution is very responsive, good work!

    0
    Fakeye Tami•30
    @FakeyeTamiPosted 29 days ago

    Thank you! I really appreciate the feedback.

    0

Please log in to post a comment

Log in with GitHub

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