SCSS and vw unit for responsive

Community feedback

• 

  Brian Michael Poblete•490

  @Brian-Pob

  Posted over 2 years 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! 😄

  01

  Marked as helpful