Git Product home page Git Product logo

Comments (2)

tristen avatar tristen commented on September 26, 2024

There's a space-right1 class you can use in base that add's margin-right: 10px;. Each box's markup would look roughly like this:

<div class='col12 clearfix pad2 keyline-all'>
  <div class='col8'>
    <div class='space-right1'>
      Text content goes here.
    <div>
  <div>
  <div class='col4'>
    Image goes here
  </div>
</div>

Or, you could apply half the padding to each column container that's currently being used for the parent wrapper.

<div class='col12 clearfix pad1x pad2y keyline-all'>
  <div class='col8 pad1x'>
    Text content goes here.
  <div>
  <div class='col4 pad1x'>
    Image goes here
  </div>
</div>

from deprecated-osm-comments.

tristen avatar tristen commented on September 26, 2024

Whoops! I haven't had my coffee and mis-read this issue. I think the markup options above should help in this case. Looks like a fixed height might be being applied to the parent container? I would avoid this.

Edit Seeing this online now. Yeah, drop the rowN rules. These will cause more problems than good in this case. Design these containers to accommodate a flexible structure.

from deprecated-osm-comments.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.