Huddle landing page with a single introductory section

Community feedback

• 

  Brian Schooler•440

  @superschoolerPosted over 2 years ago

  Hey Fernando, great job on this project! It looks great on both mobile and desktop.

  Can you clarify where you need help with the widths? I see you've got the width of the container set to 80% on the desktop view, but you also have a max-width of 1200px which is what keeps the image and text to not change sizes. Regardless, it looks great how you have it.

  One suggestion I have would be to use rem instead of px for your font-sizes. The root font size in browsers is usually 16px, so using rem will allow the text to scale if a user manually set their web browser to show text as larger or smaller.

  Here's a great video explaining rem and em: https://www.youtube.com/watch?v=_-aDOAMmDHI

  Marked as helpful

  0

  ---

  

  Fernando Pérez•320

  @fermopPosted over 2 years ago

  @superschooler Thank you for the feedback!! I really appreaciate it.

  I struggle with the widths because when it comes to a different size I have no idea how to make it responsive. I don't know which is the largest size on mobiles and the smallest size on desktop, that's why I use percentages but I don't know if it is the best way to make it responsive. I can't set the pages according to the size of the user because I don't know what size is next once I finish on 375px width. I tried to make it responsive at 720px but I couldn't because I was also using pixels on everything so I decided to make it responsive at 1336px where most of the elements fit the container. I had no idea how ems and rems work so thank you, I just watched the full video you told me and I will definitely use them on my next project. Thank you a lot!! I owe you one :)

  1