3card HTML and CSS using flexbox and media query solution

Community feedback

• 

  IRVINE MESA•1,855

  @DrMESAZIMPosted over 2 years ago

  Hi Ldybrk

  I noticed that this is your first challenge which is very good attempt. Here are some issues i would like to help each other to make the solution look as close to perfection better

  1. Lets adjust the height of our container by making amendments to the file style.css

  line 16 set the class "container " properties top this

  .container { display: flex; justify-content: center; align-items: center; width: 70vw; height:; padding: 0.5em; margin: 20vh auto 0; }

  2. remove the height properties on this class

  suv , sedans and luxury on lines 25 , 31 and 39 respectively

  3. line 132 change the media screen properties to 
     

  @media screen and (max-width: 700px) {}

  4. line 133 set " container" class  properties to 
     

  .container { display: flex ; flex-direction: column; }

  Marked as helpful

  0
• 

  Ldybrk•50

  @LdybrkPosted over 2 years ago

  Hi DrMESAZIM, Thanks a lot for your comment and advice. I have made the changes to the CSS file and posted it into my GITHUB repo. I have also had to change the bottom padding of the buttons. Thanks again, I am now moving forward to the next challenge. LDY.

  0