Layout using HTML and CSS, MediaQueries included

Community feedback

• 

  Yashasvi Singh•890

  @aUnicornDevPosted over 3 years ago

  With your current implementation of the Desktop version,

  Instead of using left:40%; on .team-builder and .karma, you can use left:50%; transform:translateX(-50%); this will centrally align the card( because the left 50% will move the card to the starting of 50% and translateX(-50%) will move the card width in the negative x axis by 50%).

  Also you can have equal percentages on the .calculator and .supervisor classes.

  Marked as helpful

  1

  ---

  

  SmoothCrimminal•135

  @SmoothCrimminalPosted over 3 years ago

  @aUnicornDev Thank You so much :)

  0
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  Well this is a good project for Grid-Template-Areas aligning the cards with this method it makes them fast to reorder and change the layout

  1

  ---

  

  SmoothCrimminal•135

  @SmoothCrimminalPosted over 3 years ago

  @palgramming Yeah maybe I should use Grid instead, but I don't know it very well yet. I guess it's about time to learn it.

  0

  

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  @SmoothCrimminal well this is a free short course that should help get you up to speed with grid without much effort https://cssgrid.io/

  1