Responsive 4 Card Feature Section Using CSS Flexbox

Community feedback

• 

  PhoenixDev22•16,950

  @PhoenixDev22Posted almost 3 years ago

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

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @PhoenixDev22 thanks Phoenix!

  0
• 

  noor•540

  @MaahnoorPosted almost 3 years ago

  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

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @Maahnoor yes. google "mobile-first approach css"

  0
• 

  Harshdeep Singh•220

  @JrDevHarshPosted almost 3 years ago

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

  Marked as helpful

  1
• 

  Alex•660

  @al3xbackPosted almost 3 years ago

  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

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @al3xback Thank you for saying that! It helps me think outside of the box. This page, I guess, isn't meant to have long text.

  0
• 

  Fernando FeN•425

  @Fernando0654Posted almost 3 years ago

  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

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @Fernando0654 Yeah I know. I was wondering if it will be an issue, and it turned out, it did lol

  1
• 

  Moayad•100

  @Moayad7Posted almost 3 years ago

  great work!

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @Moayad7 Thanks i appreciate you!

  0
• 

  Adarsh Rai•560

  @AdarshRai0Posted over 2 years ago

  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;✨🎯

  0
• 

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  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.

  0