• Skip to content
  • Skip to footer
Abbey Fitzgerald Web and UX Designer

Abbey Fitzgerald

UX Software Engineer and Digital Designer

Main navigation

  • About
  • Services
  • Work Examples
  • Blog
  • Contact
  • All Categories
    • Design Reflections
    • Digital Design
    • WordPress
    • UX

April 20, 2017 By Abbey Fitzgerald Filed Under: Digital Design

Control typography flow with vh and vw units

  • Facebook
  • Twitter

Precise typography design on the web has never been easier with specialized units of measure. When you want beautiful typography to display no matter what the screensize is, there are vh and vw style settings. This controls the width and height of an elements no matter the viewport size.

Some control was gained with percentage-based units, but these were based on the parent element. Vw and vh are length units representing 1% of the viewport size for viewport width (vw) and viewport height (vh), respectively. Vh and vw style units are based on the viewport so a shift of thinking will help because you’ll need to think in terms of the viewport rather than the parent element.

For example, if the browser’s height is 1,000px, 1vh would evaluate to 10px. Similarly, if the viewport width is 850px, 1vw would evaluate to 8.5px.

As you can see, when you make the browser window smaller, the type sizes along with it. In the example below, I styled the text container with a width of 100vw and then sized the text to be large.

Flexible type with viewport width

As always, there’s no better way to learn than by experimenting.

  • Facebook
  • Twitter

Filed Under: Digital Design

Abbey Fitzgerald

In addition to being a UX sofware engineer, I can be found writing, designing and developing all sorts of great content. When not in front of a backlit device, I dabble in charcoal and oil paint. I live in Minneapolis, MN and live up to the reputation of Minnesota Nice.

Recent Posts

  • How to break up with a design you love
  • Formatting code and pre text
  • New Parking Spot Technology Ramps Up at Mall of America
  • My Italy Adventure
  • Why do I paint?

Reader Interactions

Comments

  1. www.binance.com says

    February 14, 2025 at 6:43 pm

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

    Reply
  2. 创建Binance账户 says

    February 20, 2025 at 10:15 am

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

    Reply
  3. pyrometers says

    February 21, 2025 at 9:47 am

    uKkMODNjCe2

    Reply
  4. ਹੱਥਰਸੀ ਪੋਰਨ says

    February 21, 2025 at 2:57 pm

    Ew0k4sNbDMA

    Reply
  5. stark naked says

    February 21, 2025 at 3:09 pm

    5Rp7YAVplbT

    Reply
  6. ਗਰਭਵਤੀ ਪੋਰਨ says

    February 21, 2025 at 3:15 pm

    gq6cxrZaT4T

    Reply
  7. detachably says

    February 21, 2025 at 3:21 pm

    tOD3DeFbNVU

    Reply
  8. horoekas says

    February 21, 2025 at 3:26 pm

    CVgWHACJfYX

    Reply
  9. overproportioned says

    February 21, 2025 at 3:32 pm

    3qKHpUTZjaT

    Reply
  10. skidpan says

    February 21, 2025 at 3:38 pm

    sJtX9MrdwHK

    Reply
  11. ketchup says

    February 21, 2025 at 3:43 pm

    MwCzjewK9eQ

    Reply
  12. terrines says

    February 21, 2025 at 3:49 pm

    d3U0zcAbSwu

    Reply
  13. アジアのポルノ says

    February 21, 2025 at 3:55 pm

    tSSPHfAjxWH

    Reply
  14. malesuada says

    February 21, 2025 at 4:01 pm

    kSXOSPw1iDX

    Reply
  15. torrifies says

    February 21, 2025 at 4:06 pm

    qICLR52bwop

    Reply
  16. hobbling says

    February 21, 2025 at 4:12 pm

    wubZhIm8Dvx

    Reply
  17. pestiferously says

    February 21, 2025 at 4:18 pm

    moH0lU00tsc

    Reply
  18. completely nude says

    February 21, 2025 at 4:23 pm

    R6U4q29umdP

    Reply
  19. minaret says

    February 21, 2025 at 4:29 pm

    VTOwp9bkaSi

    Reply
  20. mayonaise says

    February 21, 2025 at 4:35 pm

    cPyWkwsmqNv

    Reply
  21. culters says

    February 21, 2025 at 4:40 pm

    WisR2OHrz5N

    Reply
  22. outtraveled says

    February 21, 2025 at 4:46 pm

    t1aAmMhC9A6

    Reply
  23. salami says

    February 21, 2025 at 4:52 pm

    D417DZuJdLY

    Reply
  24. laoreet says

    February 21, 2025 at 4:57 pm

    ZEtNyC6KGWG

    Reply
  25. placerat says

    February 21, 2025 at 5:03 pm

    mnSyeJfMZ4m

    Reply
  26. superego says

    February 21, 2025 at 5:09 pm

    6kyy9nDREzy

    Reply
  27. chafing the apricot says

    February 21, 2025 at 5:15 pm

    IO0uQiYJBTw

    Reply
  28. unpossessed says

    February 21, 2025 at 5:20 pm

    9CA1fQ0fkPb

    Reply
  29. horoekas says

    February 21, 2025 at 5:26 pm

    odrXsPclKjV

    Reply
  30. bikini says

    February 21, 2025 at 5:32 pm

    E6Nyr9Opb0h

    Reply
  31. ヴィンテージポルノ says

    February 21, 2025 at 5:37 pm

    x3RRB9irR54

    Reply
  32. metallographist says

    February 21, 2025 at 5:43 pm

    9xmpoWil7iZ

    Reply
  33. recoverability says

    February 21, 2025 at 5:49 pm

    EK9NsXF6W8j

    Reply
  34. mattamore says

    February 21, 2025 at 5:54 pm

    UcWUYB9Yv6Z

    Reply
  35. tradeswoman says

    February 21, 2025 at 6:00 pm

    dIWnlGaHrhM

    Reply
  36. tadpoles says

    February 21, 2025 at 6:06 pm

    4uIxi8Obnw3

    Reply
  37. vivamus says

    February 21, 2025 at 6:11 pm

    UIqJGcJvYVn

    Reply
  38. binance odkaz says

    February 21, 2025 at 8:08 pm

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

    Reply
  39. binance says

    March 4, 2025 at 3:18 am

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article. https://www.binance.com/ur/register?ref=WTOZ531Y

    Reply
  40. binance says

    March 4, 2025 at 10:34 pm

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you. https://amenitiz.com/it/blog/scopri-tutto-quello-che-ce-da-sapere-su-tiktok-la-nuova-frontiere-per-gli-hotel/?unapproved=1717&moderation-hash=1b828a581ab26d9c9f8896fffde41a39#comment-1717

    Reply
  41. https://cryptolake.online/crypto7 says

    March 6, 2025 at 8:00 pm

    Also visit my web site https://cryptolake.online/crypto7

    Reply
  42. Register says

    March 7, 2025 at 9:34 pm

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

    Reply
  43. registrera dig f"or binance says

    March 8, 2025 at 5:42 am

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

    Reply
  44. chastity says

    March 8, 2025 at 10:29 pm

    It’s perfect time to make some plans for the future and it’s time to be happy.
    I’ve read this post and if I could I desire to suggest you few interesting things or tips.
    Maybe you could write next articles referring to this article.
    I want to read even more things about it!

    Reply
  45. squirting says

    March 9, 2025 at 7:28 am

    Oh my goodness! Amazing article dude! Thanks,
    However I am encountering troubles with your RSS.
    I don’t know the reason why I am unable to subscribe to it.

    Is there anybody having identical RSS issues? Anybody who knows the answer
    will you kindly respond? Thanks!!

    Reply
  46. 注册获取100 USDT says

    March 11, 2025 at 5:25 am

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

    Reply
  47. Utwórz konto na Binance says

    March 11, 2025 at 11:02 pm

    Your article helped me a lot, is there any more related content? Thanks!

    Reply
  48. registrēties binance says

    March 14, 2025 at 1:16 am

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

    Reply
  49. double fisting says

    March 16, 2025 at 8:12 am

    I enjoy what you guys are usually up too. This type of
    clever work and exposure! Keep up the excellent works
    guys I’ve added you guys to my personal blogroll.

    Reply
  50. Referal Binance says

    March 19, 2025 at 3:49 pm

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

    Reply
  51. Binance注册奖金 says

    March 20, 2025 at 8:42 pm

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

    Reply
  52. phone sex says

    March 22, 2025 at 2:04 am

    Very good blog post. I definitely appreciate this website.
    Keep writing!

    Reply
  53. ultimate pleasure says

    March 22, 2025 at 3:00 am

    Very good post. I will be dealing with many of these issues as well..

    Reply
  54. yoni massage says

    March 22, 2025 at 5:50 am

    I read this paragraph completely on the topic of the resemblance of newest and earlier technologies, it’s amazing article.

    Reply
  55. binance Register says

    March 23, 2025 at 7:26 pm

    Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

    Reply
  56. binance Registrera says

    March 24, 2025 at 5:48 am

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you. https://accounts.binance.com/zh-CN/register?ref=VDVEQ78S

    Reply
  57. deyneytmey boynuystu veyreyn siyteyleyr says

    March 28, 2025 at 8:54 am

    For most recent information you have to go to see internet and on the web
    I found this website as a most excellent web site for most recent updates.

    Reply
  58. sex machine says

    March 29, 2025 at 5:21 am

    That is really interesting, You’re an excessively skilled blogger.
    I’ve joined your rss feed and look forward to in quest of more of your fantastic post.
    Also, I’ve shared your web site in my social networks

    Reply
  59. porn says

    April 7, 2025 at 6:44 pm

    Simply wish to say your article is as surprising. The clearness for your publish is just cool and that i can assume you’re knowledgeable in this subject.
    Fine together with your permission allow me
    to grab your RSS feed to keep updated with drawing close post.
    Thank you 1,000,000 and please carry on the rewarding work.

    Reply
  60. Registrace says

    April 24, 2025 at 12:43 am

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

    Reply
  61. Binance创建账户 says

    April 25, 2025 at 5:54 am

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

    Reply
  62. Guncel Deneme Bonusu says

    April 30, 2025 at 4:42 pm

    Guncel Deneme Bonusu kampanyalar�yla en yeni f�rsatlara ulas, yat�r�m yapmadan kazanmaya basla!

    Reply
  63. Bonus veren casino siteleri says

    May 1, 2025 at 3:40 am

    Guncel Bonus veren casino siteleri listesiyle kazanca hemen basla, yatirim yapmadan bonuslari kap!

    Reply
  64. Sign up to get 100 USDT says

    May 4, 2025 at 6:12 pm

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

    Reply
  65. Skapa personligt konto says

    May 6, 2025 at 9:55 am

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

    Reply
  66. binance sign up says

    May 16, 2025 at 10:41 am

    I don’t think the title of your enticle matches the content lol. Just kidding, mainly because I had some doubts after reading the enticle.

    Reply
  67. binance us тркелу says

    May 17, 2025 at 2:37 pm

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

    Reply
  68. Binance开户 says

    May 21, 2025 at 3:02 am

    Your article helped me a lot, is there any more related content? Thanks! https://accounts.binance.com/ro/register?ref=V3MG69RO

    Reply
  69. predator/prey play says

    May 31, 2025 at 6:00 am

    Do you mind if I quote a few of your posts as long as I provide credit
    and sources back to your site? My blog site is in the very same
    niche as yours and my users would really benefit from a lot of the information you present here.
    Please let me know if this alright with you. Thanks a lot!

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

Contact

Want to discuss your next project? I'm here to help!

Contact Abbey

About Abbey Fitzgerald

Abbey Fitzgerald UX and Web Designer

I am Minnesota nice. Located in Minneapolis, MN, I'm a UX software engineer with a long history in the digital design space. My goal is to make people's lives easier by creating and improving their experience.

Life can't be all work and no play. I also like to dabble in charcoal and oil paint.

Let’s Connect

© 2025 Abbey J. Fitzgerald, LLC