Skip to content
Submitted over 3 years ago

Responsive 4 Card Feature Section Using CSS Flexbox

Anosha Ahmed•9,300
@anoshaahmed
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Would appreciate any suggestions to improve my code!

Code

Please log in to post a comment

Log in

Community feedback

  • PhoenixDev22•16,850
    @PhoenixDev22

    Well done Anosha Ahmed ! I checked your solution . Your solution is great Keep up !

    Marked as helpful
  • noor•540
    @Maahnoor

    hi, great solution, perfectly matches the design. Looking at your code it seems you designed the website for mobile and then added media queries for larger screen sizes. is there an advantage to this? I am new to web development and have been doing it the other way around. will appreciate an explanation :)

    Marked as helpful
  • Harshdeep Singh•220
    @JrDevHarsh

    The design of your solution is so much accurate that it matched the given challenge. You did a nice job.

    Marked as helpful
  • Alex•660
    @al3xback

    Hi Anosha,

    I think this structure is not well optimized when have long content. (https://prnt.sc/24lvdv1, https://prnt.sc/24lvvu0)

    Marked as helpful
  • Fernando FeN•425
    @Fernando0654

    I think it's because of the h2 element, before h1. You have h1, h2 and h3 but they are not in a sequentially-descending order

    Great work, btw. Love when fits so well in the design / solution window

    Marked as helpful
  • Moayad•100
    @Moayad7

    great work!

  • Adarsh Rai•560
    @AdarshRai0

    Well done Anosha Ahmed ! I checked your solution just wanted to know how you make your solution exactly same as the design any tips it can help me to improve;✨🎯

  • Anosha Ahmed•9,300
    @anoshaahmed

    Well, I have h1, h2 and h3 in my code so i don't know about the accessibility issue. I guess i should have had them in ascending order.

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