I’ve been working on building my site responsive, and it’s been going pretty well so far. When I test my site on my Kindle Fire HD, it looks great in Landscape, but the text is right up against the sides in portrait mode (800px resolution, I believe). Here’s a screenshot:
This is all built on the Genesis Sample theme. What media query magic do I need to add / alter in order to get that text some padding when in lower resolutions?
I found it; there was a long list of classes (containing .entry, among other things) that had set a padding value of 0px. Swapped that out for 12px, and I was good to go. Even better, I got a much better grasp of how responsiveness works by guessing and checking a bunch of stuff
The topic ‘Padding On Responsive Design’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.