Although we all want to avoid unnecessary code, etc, I think you need to do what best serves the user experience and still satisfies your aesthetic for the site

Although we all want to avoid unnecessary code, etc, I think you need to do what best serves the user experience and still satisfies your aesthetic for the site. I'm in a similar situation. I want to follow good practices, but ultimately I want the UX to be optimal for the user's device/browser-proportions. So I'm currently planning on several designs targeted to specific devices optimizing the experience for each. So, we'd have a small device design (phones), a larger mobile design (tablets/small-desktops), and even larger (desktops). Within each, we have to accommodate for a range of resolutions/orientations, but overall we want to provide the experience that's best for how the user is visiting our site.