flexbox and scss

Community feedback

• 

  Ukwueze Harrison Chukwuebuka•20

  @HalezisPosted over 2 years ago

  Hey, Leonard. Great work you've done here.

  But if you noticed, the button disrupts the size of the container while hovered, this is as a result of the extra (1px solid) you added to the .btn: hover element in line 147.

  I faced a similar issue while I tried this challenge, and this is how I think you should go about it.

  ​.​btn​:​hover​ { 
   ​  ​color​:​ ​#​f2f2f2​; 
   ​  ​background​:​ none; 
   ​  ​border​:​ ​1​px​ solid; 
   ​  padding​:​ ​9​px​ ​0​;
   ​} 
  

  Notice I added same padding as in your .btn then subtracted 1px to account for the solid border. I hope this helps. Happy coding

  1

  ---

  

  Leonard Appelgryn•320

  @KaptainCS3Posted over 2 years ago

  @Halezis007 thanks bro I didn't know what possibly cause it, another lesson in the bag 🙏🙏

  0

  

  Leonard Appelgryn•320

  @KaptainCS3Posted over 2 years ago

  @Halezis007 I'm ! Close to my PC I will correct that

  0

  

  Ukwueze Harrison Chukwuebuka•20

  @HalezisPosted over 2 years ago

  @KaptainCS3 Please do. Cheers

  0