Menu icon Foundation
  • 20 POSTS

  • Create Post
Show Filters

Search results for: The Grid

    • 4new
      Replies
    • Neutralize the Foundation Grid

      By Dave, last Reply by Dave over 4 years ago

      Dear Santa, New to Foundation and happy to hear about the new version. I'm working on a project that has a members control panel. The panel has a drag-sort image manager page, that the Foundation grid is playing havoc with. The only solution I could... (continued)

      grid


    Dear Santa, New to Foundation and happy to hear about the new version. I'm working on a project that has a members control panel. The panel has a drag-sort image manager page, that the Foundation grid is playing havoc with. The only solution I could... (continued)

    grid



    Hi, what's the difference between writing this statement

    gridalignment



    Hello, What is the best way to remove the medium grid? I want to show the large grid instead. I'm using the css version of Foundation. Thank you

    gridcss



    I look for the width of the large-12 grid? Is 970px correct?

    widthgridfullpx


    • 4new
      Replies
    • Grid or Nested Grid?

      By Robocop, last Reply by Robocop about 4 years ago

      Following Problem, I have to create a navigation with 5 boxes (equal width) and at the end of the row 1 smaller Box (see picture below). My solution approach with 6 boxes (equal width) and editing the padding of each Box is not promising.. Can someon... (continued)

      Foundation 5cssgrid


    Following Problem, I have to create a navigation with 5 boxes (equal width) and at the end of the row 1 smaller Box (see picture below). My solution approach with 6 boxes (equal width) and editing the padding of each Box is not promising.. Can someon... (continued)

    Foundation 5cssgrid



    I was wondering whether you'd consider and additional range for the `grid`, `block-grid`, `visibility` etc., which would represent the smart phones. At the moment every time I start a new project I have to manually define another `tiny` range, which takes... (continued)

    gridblock-gridvisibilitySassnew grid rangesmart phone grid case


    • 2new
      Replies
    • Grid question

      By Rick Humphries, last Reply by Rick about 3 years ago

      Hey, I'm trying to use the grid to position a logo and some text but can't seem to get the syntax right to achieve what I'm looking for. I want the logo to be positioned on the left of the text on large screens with logo taking up 2 column width and t... (continued)

      grid


    Hey, I'm trying to use the grid to position a logo and some text but can't seem to get the syntax right to achieve what I'm looking for. I want the logo to be positioned on the left of the text on large screens with logo taking up 2 column width and t... (continued)

    grid


    • 2new
      Replies
    • Grid nesting

      By MMC, last Reply by MMC about 3 years ago

      I have two columns side by side in large view, one with a nested form. The columns on mobile go to a single column. The form alternates between having 2 input fields on one line, and 1 input field on another. The nesting isn't working properly despite my ... (continued)

      grid


    I have two columns side by side in large view, one with a nested form. The columns on mobile go to a single column. The form alternates between having 2 input fields on one line, and 1 input field on another. The nesting isn't working properly despite my ... (continued)

    grid


    • 4new
      Replies
    • Broken Grid

      By Alex Hudson, last Reply by Keeley almost 4 years ago

      I recently opened up a project I haven't been working on for several months. Not immediately, but not long after I got started, it appears that the foundation grid I customized was removed or broken. The development environment was set up for me by a c... (continued)

      gridcolumnscolumnSass


    I recently opened up a project I haven't been working on for several months. Not immediately, but not long after I got started, it appears that the foundation grid I customized was removed or broken. The development environment was set up for me by a c... (continued)

    gridcolumnscolumnSass


    • 1new
      Reply
    • Grid system

      By Eskil Ryssmo, last Reply by Kevin 10 months ago

      Hi,  Worked on getting a 3x3 grid system, but when i scale it down to mobile it just looks wrong.  I understand that the row tag is making everything start a new row, but i dont know any other ways to do this. my code looks like this:  ... (continued)

      emailgrid


    Hi,  Worked on getting a 3x3 grid system, but when i scale it down to mobile it just looks wrong.  I understand that the row tag is making everything start a new row, but i dont know any other ways to do this. my code looks like this:  ... (continued)

    emailgrid


    • 2new
      Replies
    • Grid problem

      By Michael Neumayer, last Reply by Michael almost 3 years ago

      I'm absolutely new to Foundation and in general I'm a beginner. I tried first Bootstrap but want to change to Foundation. But I've here an grid problem I can't solve. Tried since hours a lot tutorials and it shouldn't be hard to build a grid with Foundati... (continued)

      grid


    I'm absolutely new to Foundation and in general I'm a beginner. I tried first Bootstrap but want to change to Foundation. But I've here an grid problem I can't solve. Tried since hours a lot tutorials and it shouldn't be hard to build a grid with Foundati... (continued)

    grid



    Hi! I'm new to foundation and I only have the basic idea on how to use grids. I have these 3 columns that need to be stacked (see "mobile" image) when viewed on mobile/small screens.

    gridF5grid stackinggrid orderingordering


    • 3new
      Replies
    • Playing with the grids: Part 1

      By i nyoman gurnitha, last Reply by i over 4 years ago

      Good morning every body from Bojonggede, Bogor, Indonesia. I am an early stage of beginner. I just finished playing with the grids. I am happy with the results and I wanted to share them with you of what I did. The results showed on the larger s... (continued)

      grid


    Good morning every body from Bojonggede, Bogor, Indonesia. I am an early stage of beginner. I just finished playing with the grids. I am happy with the results and I wanted to share them with you of what I did. The results showed on the larger s... (continued)

    grid



    Hi, is it possible to add some more breeakpoints for smaller devices? I think of 480px and 320px. There are breakpoints for large devices, but the smallest one is 640px. Is there a good way to do that?

    breakpointsgrid


    • 1new
      Reply
    • Using HTML5 elements with the Grid

      By Krish, last Reply by Klevis almost 3 years ago

      Hey, I just had a quick questions. I'm just looking for the best way to integrate HTML 5 elements into my grid system. I did read Ben Gremillions post about integrating HTML 5 elements into the foundations grid, but I'm not sure if its necessary for ... (continued)

      gridhtml5


    Hey, I just had a quick questions. I'm just looking for the best way to integrate HTML 5 elements into my grid system. I did read Ben Gremillions post about integrating HTML 5 elements into the foundations grid, but I'm not sure if its necessary for ... (continued)

    gridhtml5



    Hi everyone I am new to using foundation, and just finding my way around it at the moment. I am working on a project and it has a max-width of 1170px. I see that you can customise the grid with but the max-width size is in em. Is there a calculation to... (continued)

    gridmax-widthempx


    • 4new
      Replies
    • How to style the Grid-System?

      By Max Ma, last Reply by Rafi over 1 year ago

      I want to style a box that is position is fixed in medium-colmun and up, and want it back to position:static in the small-column. since the class names all are listed in a line <div class='column small-12 medium-6 small-centered'>. I have not i... (continued)

      style gird


    I want to style a box that is position is fixed in medium-colmun and up, and want it back to position:static in the small-column. since the class names all are listed in a line <div class='column small-12 medium-6 small-centered'>. I have not i... (continued)

    style gird


    • 3new
      Replies
    • Block grid inside a grid?

      By Panthro, last Reply by Panthro over 4 years ago

      I wish to have a block grid inside of a normal grid, taking up 10 columns, with a label taking up the other 2. The problem is the block grid is overflowing its allocated 10 columns and is pushing up to my label. Where am I going wrong?

      block gridgrid


    I wish to have a block grid inside of a normal grid, taking up 10 columns, with a label taking up the other 2. The problem is the block grid is overflowing its allocated 10 columns and is pushing up to my label. Where am I going wrong?

    block gridgrid


    • 1new
      Reply
    • simple 100% width element with the grid

      By ori cohen, last Reply by Rafi over 3 years ago

      Hi, after being used to foundation for sites, i was wondering what is the best usage of the grid to get a simple "row" like 100% element in foundation for apps? It looks like block-grid is taking also the equal amount of the height. thanks! ori


    Hi, after being used to foundation for sites, i was wondering what is the best usage of the grid to get a simple "row" like 100% element in foundation for apps? It looks like block-grid is taking also the equal amount of the height. thanks! ori



    Dont know if anyone will know the answer to this but ive been using Foundation for sites in in a php framework im developing that revolves around foundation rather than merging foundation into an existing one such as workpress etc . . . Took a look at... (continued)

    sitesappsgridangularPHPmvc