Menu icon Foundation

My Posts





My Comments

Erin Struble commented on Erin Struble's post over 2 years

Hi Rafi! So that appears to be working on Chrome. But Safari doesn't seem to be picking it up. The first flex child has to be 33% so that the pie charts never increase in size > that 1/3 of the content container. I was more confused about why the flex container isn't respecting the padding of the div it is within.
Here is my new code with your input: 
.flex-parent {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
}

.flex-child {
flex-basis: 33%;
}

.child-3 {
flex-basis: auto;
flex: 0 0 1;
}

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Erin Struble's post over 2 years

Hi Rafi! So that appears to be working on Chrome. But Safari doesn't seem to be picking it up. The first flex child has to be 33% so that the pie charts never increase in size > that 1/3 of the content container. I was more confused about why the flex container isn't respecting the padding of the div it is within.
Here is my new code with your input: 
.flex-parent {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
}

.flex-child {
flex-basis: 33%;
}

.child-3 {
flex-basis: auto;
flex: 0 0 1;
}

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content