FAQ card with CSS and BEM and without JS

Community feedback

• 

  P

  tediko•6,680

  @tedikoPosted over 3 years ago

  Hello, Nikita! 👋

  Good effort on this challenge! In addition to palgramming feedback I would suggest you to make your solution more responsive. Now your .card container behaves good only on mobile where you put width on it, and then on desktop. Instead, try to apply some max-width on your card and also keep width: 100%, and set your .card-box-container to take width: 100% and add some padding: 12px to prevent sticking to border. Later on you have to make your content within to taking for example 80% of width so it doesn't stay small across screen sizes. - Use Responsive Design Mode to see how your website behaves on different devices. To toggle it press CTRL+SHIFT+M on Firefox, and CTRL+SHIFT+C on Chrome.

  Good luck with that, have fun coding! 💪

  1

  ---

  

  Nikita•175

  @WidePeepoHappyPosted over 3 years ago

  @tediko I worked on it and think it looks better now. What do you think?

  1

  

  P

  tediko•6,680

  @tedikoPosted over 3 years ago

  @WidePeepoHappy It looks great now! Good job. That was excatly what I was expecting :) Happy coding.

  1
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  I think you are very close but at 1000px wide you have the orange box outside the browser window so you need probably a little more margin around your main container

  1

  ---

  

  Nikita•175

  @WidePeepoHappyPosted over 3 years ago

  @palgramming fixed media queries so it changes earlier. Thx for the feedback

  0

  

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  @WidePeepoHappy yep looks much better

  0