Linktree

Community feedback

• 

  MikDra1•6,920

  @MikDra1Posted about 2 months ago

  I encourage you to use this technique to make the card responsive with ease:

  .card {
  width: 90%;
  max-width: 37.5rem;
  }
  

  On the smaller screens card will be 90% of the parent (here body), but as soon as the card will be 37.5rem (600px) it will lock with this size.

  Also to put the card in the center I advise you to use this code snippet:

  .container {
  display: grid;
  place-items: center;
  }
  

  Hope you found this comment helpful 💗💗💗

  Good job and keep going 😁😊😉

  Marked as helpful

  1
• 

  Svitlana Suslenkova•5,320

  @SvitlanaSuslenkovaPosted about 2 months ago

  body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } Try this to align(top-bottom) and justify(left-right) your project to the center. It applies to the parent component(body), don't forget about !!min-height!!. You can use grid instead of flex too.

  Ensure visitors can navigate the links only using their keyboard? You could always use Tab button on your keyboard to move between your buttons and links. (Sometimes float: right makes it the wrong way but it's not about this project).

  Hope you found this comment helpful :)

  Marked as helpful

  1

  ---

  

  benssssss•50

  @benssssssPosted about 2 months ago

  @SvitlanaSuslenkova works fine, thank you so much

  0