Broken layout of case study on iPad

cncf / cncf.io

☁️♮🏛🚧 The CNCF.io WordPress website

https://cncf.io

MIT License

82 stars 37 forks source link

Broken layout of case study on iPad #435

Closed cjyabraham closed 3 years ago

cjyabraham commented 3 years ago

Can you figure out what's going on here? iPad Pro 12.9 running Safari but it's also a problem on Chrome. Weirdly it's not a problem on an iPad Pro 11 but is a problem on iPad 8th...

thetwopct commented 3 years ago

Flexbox growing inside an unrestricted grid row. Not sure why not reflected in other browsers and only on iPad but should be fixed now

2021-06-20-173026@2x

cjyabraham commented 3 years ago

This still seems to be a problem, try Fidelity for example, or Alphasense.

thetwopct commented 3 years ago

Dumb iOS. Fixed height it is.

Should be fixed now:

2021-06-20-174933@2x

cjyabraham commented 3 years ago

The lines of icons are now spaced out more and unevenly. See before and after. The first two lines of icons seem spaced out more while the second and third lines seem the same as they were... BEFORE

AFTER

thetwopct commented 3 years ago

Consistent rows

2021-06-20-181335@2x

2021-06-20-181255@2x

cjyabraham commented 3 years ago

The top row of logos are significantly taller than the other two rows. And the bottom row is not as tall as the middle row. Is there a way to get them to all use the same height as they were before? Here is AFTER and BEFORE shown side-by-side:

thetwopct commented 3 years ago

Will have to fix Friday.

cjyabraham commented 3 years ago

I think I got it here.