<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Responsive on Duma's website</title><link>https://dumaron.github.io/tags/responsive/</link><description>Recent content in Responsive on Duma's website</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Thu, 01 Feb 2024 00:00:00 +0000</lastBuildDate><atom:link href="https://dumaron.github.io/tags/responsive/index.xml" rel="self" type="application/rss+xml"/><item><title>Better viewport units for responsive design</title><link>https://dumaron.github.io/notes/tils/2024-02-01_better_viewport_units_for_responsive_design/</link><pubDate>Thu, 01 Feb 2024 00:00:00 +0000</pubDate><guid>https://dumaron.github.io/notes/tils/2024-02-01_better_viewport_units_for_responsive_design/</guid><description>&lt;p&gt;&lt;strong&gt;The issue is&lt;/strong&gt;: using &lt;code&gt;100vh&lt;/code&gt; as a rule to measure the whole viewport height is just faulty on mobile. Ona side note, I belive most of the times this is a bad idea, and people actually want something different, but let&amp;rsquo;s avoid this topic.&lt;/p&gt;&#10;&lt;p&gt;I encountered this issue again today, where one of the web apps I work on has &lt;code&gt;100vh&lt;/code&gt; but now has also the need to be more mobile-friendly.&lt;/p&gt;</description></item></channel></rss>