[resolved] Twentytwelve child proper increased wrapper margins or padding (3 posts)

  1. jknetdesign
    Posted 3 years ago #

    Is it better to provide margins to elements like logo, sidebar, and content if I need more white space between them and the wrapper?

    I'm keeping mobile in mind.

    Example http://jknetdesign.com/images/alta.jpg

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    I think it really depends on the specific situation - margins and padding do different things (or rather, they put the space in different places. If you want to see what I mean, put background colors in the different elements and then play with padding and margins. When you have no borders or backgrounds, it does not matter so much - though for resize it may matter.

    Are you keeping those borders? Then, in general, you can either add padding to the containing element or margin to the inside element(s).

    For twentytwelve, the resize issue can be neutralized by using media queries for the larger screen dislays (as is the case in the parent CSS)...

    (But maybe this doesn't answer your question at all :/ ?)

  3. jknetdesign
    Posted 3 years ago #

    Your last paragraph was helpful. Otherwise I'm familiar with the box model but I try to practice proper CSS and wanted to start off on the right foot to avoid rearranging CSS later on. The borders are temporary for this discussion. You think I can just add left margin to secondary and right margin to primary?

Topic Closed

This topic has been closed to new replies.

About this Topic