0

I have this situation:

enter image description here

A flexbox container with 4 flex-items.

SCSS:

ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    li {
        border: 0.2em solid red;
        width: (100% / 3);
    }
}

As you can see, the orange item on the second line have a gap on head. It depend on the height of the items on the first line.

It is possible remove this gap in flexbox and obtain something like a float: right?

Ghost Ops
  • 1,664
  • 2
  • 10
  • 22
Gianluca
  • 11
  • 2

0 Answers0