ania

Latest comments

• 

  Candido Hernandez Martin•310

  @Candido-HMSubmitted about 2 years ago

  

  Tarjeta-Columnas 010.Html5, CSS preprocesador:LESS, Flexbox,Responsivo

  #accessibility#less#next

  1

  60
  

  P

  ania•330

  @ania221BPosted about 2 years ago

  Hello Candido 👋

  Congratulation on completing the challenge! It looks really nice 🙂

  I've noticed that you often set height on elements. It's a good idea to leave that out and instead let the height be decided by the contents of the element and things like padding. So to make an element take up more vertical space, you could give it bigger padding, add margin to elements inside, increase line-height of the text and so on. I hope this helps.

  I apologize for commenting in English, but I don't know Spanish.

  Happy coding 🙂

  Marked as helpful

  1
• 

  Modade•100

  @modieeeSubmitted over 2 years ago

  

  Responsive Four card feature section

  #accessibility

  2

  60
  

  P

  ania•330

  @ania221BPosted over 2 years ago

  Hello Modade!

  To answer your question: yes, you can place the cards with CSS Grid. One way to do so would be defining rows and columns for the cards:

  .grid_card_one {
  grid-row: 3 / span 2;
  grid-column: 1;
  }
  
  .grid_card_two {
  grid-row: 2 / span 2;
  grid-column: 2;
  }
  
  .grid_card_three {
  grid-row: 4 / span 2;
  grid-column: 2;
  }
  
  .grid_card_four {
  grid-row: 3 / span 2;
  grid-column: 3;
  }
  

  Here's a CSS Grid cheatsheet

  I hope this helps 😊

  0
• 

  ProgrammerGreat•70

  @GreatNation111Submitted over 2 years ago

  

  Product preview card component

  #accessibility

  2

  30
  

  P

  ania•330

  @ania221BPosted over 2 years ago

  Hello @GreatNation111👋

  You've mentioned that the spacing between the paragraph and header is bigger than you wanted. This might be due to line-height set on <h1>. I think currently it is the same as for the rest of text content. It is worth decreasing it, as smaller line-height makes big text look better. Try changing it to 1.2 or similar value and see if it helps. Happy coding 😊

  Marked as helpful

  0