Four Card Feature Section

Community feedback

• 

  bikeinman•1,080

  @BikeInManPosted over 2 years ago

  Hi,

  Nice work with 2X2 on tablets. Regarding your question. You can remove top: 25%; on supervisor and calculator

  and just add the align-items: center; to .feature-section

  Let me know if it works out.

  You can make this challenge more interesting by adding some interactivity to the cards like a hover effect and also making each card a link. They are supposed to lead somewhere, right? Good Luck.

  Marked as helpful

  1

  ---

  

  Htein Linn•130

  @hteinLinn210Posted over 2 years ago

  @BikeInMan Thank you. I think I was just adding align-items: center; to .features and I thought it didn’t work.

  I am still a beginner and don't have a strong foundation at CSS. So, I am not good at animation. But I will give it a try.

  0
• 

  Kaung Zin Hein•720

  @K4UNGPosted over 2 years ago

  Hey! Good job on this challenge. Another great way you could use to get this centered layout would be to have 4 grid rows and giving the cards 2 rows each at exactly where you want them to be using grid-area-templates or just grid-row/column. Happy Coding!

  1

  ---

  

  Htein Linn•130

  @hteinLinn210Posted over 2 years ago

  @K4UNG Thanks. I am not using grid as usual. I will give it a go.

  0