Menu icon Foundation

My Posts

  • 2
    Replies
  • Type

    By Panthro

    type

    I've looked at type and am struggling where to or how to set type for table cells and buttons, do I just add it in a separate css file or can it be added to _type.scss?

    Last Reply by Tom Hogan about 5 years ago


  • 1
    Reply
  • Block grid overflowing

    By Panthro

    block grid

    .img-drop-zone{ border: 1px solid black; background: red; } I have a block grid, when I put a border around each li or add a background color to each li, it overflows the grid, any idea how i can fix this?

    Last Reply by Esa Rantanen about 5 years ago


  • 3
    Replies
  • Block grid inside a grid?

    By Panthro

    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?

    Last Reply by Panthro about 5 years ago


  • 2
    Replies
  • Tables

    By Panthro

    tables

    I'm delving into tables and have followed the example. Unfortunately the table is sitting to the left of my screen. I was just wondering if it needs to go inside a row/column to be centered in the screen? Does the table need to be wrapped in anything? Or ... (continued)

    Last Reply by Panthro about 5 years ago


My Comments

Panthro commented on Panthro's post about 5 years

@Rafi Benkual

If you add a border to each .ing-drop-zone, you'll see what I mean, it overflows the grid.

.img-drop-zone{
    border: 1px solid black;
}

Panthro commented on Panthro's post about 5 years

I've added this:

<div class="row">
<div class="small-12 small-centered columns">
//my table

The table still is not centered, and it no longer breaks down on mobile.

How can I do this?

Posts Followed

No Content

Following

    No Content

Followers

My Posts





My Comments

You commented on Panthro's post about 5 years

@Rafi Benkual

If you add a border to each .ing-drop-zone, you'll see what I mean, it overflows the grid.

.img-drop-zone{
    border: 1px solid black;
}

You commented on Panthro's post about 5 years

I've added this:

<div class="row">
<div class="small-12 small-centered columns">
//my table

The table still is not centered, and it no longer breaks down on mobile.

How can I do this?

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content