Portfolio Step 11: Works at Every Width

Make your whole site responsive without building a second version of it. Constrain every image with max-width and height auto. Give your page container a max-width and center it. Make your h1 and h2 fluid with clamp so they scale smoothly instead of jumping. Then open your site and drag the browser window slowly from as wide as it goes down to about 320px, watching for the exact width where something first looks wrong, and put your one breakpoint there. When you are finished there should be no horizontal scrollbar at any width.