Skip to content
Submitted about 1 month ago

Blog preview card. Bootstrap , Flexbox , Mobile-first workflow

#bootstrap
Fady•50
@fadymas
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?

N/A

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

Change of Screen's width

  • use Media queries to overcome this challenge
What specific areas of your project would you like help with?
  • How can I overcome changes in screen width without making too many changes in the code?

Community feedback

  • P
    KonradJam•430
    @KonradJamPosted about 1 month ago

    Nice work, but there's a lot of unnecessary code, making it hard to read.

    • Firstly, if you want to make changes for different screen sizes, you should modify only the relevant parameters instead of rewriting the entire code.
    • To create scalable fonts, use the clamp() function in CSS.
    • Try using more descriptive CSS class names. This will make your code easier to read—not just for others, but also for yourself in the future. Check out my GitHub profile to see my solution.
    Marked as helpful
    1

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