Skip to content
Submitted 5 months ago

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

bootstrap
Fady•40
@fadymas
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

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?
Code

Please log in to post a comment

Log in

Community feedback

  • P
    KonradJam•1,140
    @KonradJam

    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

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