Four-card-feature-section-project-5

Community feedback

• 

  Eduardo•910

  @KTrick01Posted over 2 years ago

  Hi! , I highly recommend you to checkout CSS grid for this type of layouts, it's a lot easier than flexbox in this type of layouts, also, about the hover being problematic, the reason behind this is that your container-2 overlapping the container-1, so a quick fix its to put: z-index: 1; inside your container-1 class, this will bring the container-1 in front of the container-2 so that way your hover effect will work properly. Hope that it helps you!

  Marked as helpful

  1

  ---

  

  Nirajan Prasad•190

  @behubjPosted over 2 years ago

  @KTrick01 thanks bro

  it really helps me, and yes when i complected project i searched on youtube to see how other people approach this and found that they using CSS grid for this and it was a lot eaiser than mine, I did't watch vidoes of tutorials that's why i know this today that i can do this kind of things with CSS grid. LOL....

  Thanks for your feedback

  0
• Account deleted

  Congrats for completing this challenge even though you're struggling. that's the part of learning process.

  The hover effect won't work because the container 1 and container 2 they collide together to prevent that you should to convert the container 1 and 2 into one container only.

  for the box model like (padding, margin, font-size) I recommended used rem instead px or vh because if the user change the font size of the browser setting it will not change the current font-size of the webpage meaning you're not respecting the user wants

  I recommend learn Chrome Devtools it will help you a lot for building a webpage

  Marked as helpful

  0

  ---

  

  Nirajan Prasad•190

  @behubjPosted over 2 years ago

  @okayda thanks for your suggestion bro,

  I really appericate that and i will also learn Chrome Devtools and sorry for not respecting the users from now i will start using rem instead of px or vh.

  0