Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Grid layout with 2 different box sizes.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #153934
    ik
    Participant

    I am trying to make this gird work and cannot figure it out.

    margin between the boxes must be 5px and no white space on the right side as shown in the codepen.

    Is it possible to align the boxes perfectly to fit their container, so that if you add more boxes they stay aligned.

    I have been trying for almost 2 days … and failed :(

    codepen

    #153948
    TheDoc
    Member

    Here you go! Uses a little bit of a negative margin trick: http://codepen.io/ggilmore/pen/c0df1fc051de3bbca5c8264b6b4222ef

    #153955
    ik
    Participant

    Can’t wait to get back to work and test it on the project.

    Thank you !

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.