Mid-level web student here.<p>I&#x27;ve read several HTML&#x2F;CSS books and gone through half a dozen courses. I&#x27;m comfortable with your basic HTML&#x2F;CSS page, have a basic handle on Javascript (assuming I&#x27;m not doing anything more complicated than using getElementById to change some attributes on a click), and I can use jQuery&#x2F;Bootstrap when I need to.<p>Right now the biggest hump for me is figuring out how to make mobile-friendly sites WITHOUT resorting to a framework. I feel like the vast majority of books or e-courses right now will go the following route:<p>1) Teach basic HTML&#x2F;CSS for barebones basic and legacy pages<p>2) Introduce HTML5 syntax<p>3) Briefly show how to do a &quot;pure&quot; mobile-friendly page using 
viewports, flexbox, and media queries.<p>4) Spend fifteen minutes on the above, and then say, &quot;But that&#x27;s too much work. So now we&#x27;re gonna use Bootstrap and never do Step #3 again!&quot;<p>That above has happened consistently, and it disappoints me. I can do Bootstrap, but frankly I hate writing it. I feel like I have to go five or six div&#x27;s in deep before I&#x27;m actually writing any text that&#x27;s going to be visible to the end-user.<p>I&#x27;d really like to find more resources on making a mobile-friendly webpage that doesn&#x27;t rely on Javascript to resize itself. In particular, I&#x27;ve got a few webpages that I built as past projects or coding exercises that I otherwise think look fine, and I&#x27;d like to figure out how to easily retro-fit them so that, say, the images don&#x27;t stretch more than 100% of the screen width without having to rewrite the entire page using jQuery.<p>Anyone have any suggested resources for building mobile-friendly pure HTML&#x2F;CSS sites?