Padding On Responsive Design

Community Forums Forums Design Tips and Tricks Padding On Responsive Design

This topic is: resolved

This topic contains 1 reply, has 1 voice, and was last updated by  Porter 2 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #119380

    Porter
    Member
    Post count: 219

    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:

    site-padding

    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?

    anightinburlington.com/articles/test-article


    I gladly accept beer donations – payment@gemfruit.com

    #119391

    Porter
    Member
    Post count: 219

    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 :)


    I gladly accept beer donations – payment@gemfruit.com

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Padding On Responsive Design’ is closed to new replies.