Flexbox, adding fonts directly form file

Community feedback

• 

  tortaruga•790

  @tortarugaPosted about 2 months ago

  Good job! to make even better responsive designs, you can look into media queries, or use relative units like vw so that elements scale according to the viewport's width.

  for example, if you want a .card element to be bigger on big screens, you could do something like this:

  .card {
      width: 20rem;
  }
  @media screen and (min-width: 600px) {
     .card {
         width: 30vw;
         max-width: 40rem; 
     }
  }
  

  this ensures that the .card has a width of 20rem on screens smaller than 600px, while for bigger screens the card will have a width of 30% of the viewport's width, and so it will automatically adjust in relation to the screen size, while also ensuring that the card will never be wider than 40rem.
  by playing around with different values and combinations you can create a design that looks good on all screens! hope it helped, good luck

  0
• 

  𝓛𝓮𝓸𝓼𝓶𝓪𝓻𝓽•80

  @leo-smart7Posted about 2 months ago

  Way to go @AmIKamil, you did a great job!

  0