SCSS and vw unit for responsive

Community feedback

• 

  Brian Michael Poblete•490

  @Brian-PobPosted over 1 year ago

  Hello there ScrimaliAnthony 🙋‍♂️! Great job on this challenge 🎉!

  That's a good question! When determining sizes for components based on a given design, mockups presented through something like Figma are definitely useful as we have exact fonts, colors, pixel sizes, etc. In my web development work, however, sometimes all I receive are PDFs or images.

  With this challenge, you may need to just give your best estimation to get sizes right. I learned that 99% of the time the apps you make won't match the mocks exactly. This might be due to a lack of time, budget, or knowledge. But that's ok!

  If the clients/ stakeholders are satisfied then you have accomplished your job.

  Of course, there are some best practices you can follow like making sure text is spaced enough according to accessibility standards. Accessibility (also referred to as a11y), is actually a great place to start off when you're not sure about things like sizing.

  Resources you might find useful 🔗:

  • Accessible line-height

  • Contrast Checker

  I hope this helps! ✌️

  I look forward to seeing more of your work in the future! 😄

  Marked as helpful

  0

  ---

  

  ScrimaliAnthony•10

  @ScrimaliAnthonyPosted over 1 year ago

  @Brian-Pob

  Hello Brian Michael Poblete! Thank you very much for your feedback, it makes me very happy!

  I had never heard of a11y, thank you very much I will find out! And thank you also for the links, I feel that all this will be very useful to improve myself :)

  I will follow you, I find your advice very interesting.

  I wish you a good continuation !

  1