Product Landing Page - flex alignment problem

I’m having some trouble to get the correct align for the grid headers (premium materials, fast shipping, etc),. I need them aligned to the left of the flex box but not sure how to achieve it as align-items: flex-start isn’t working as I excpected.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0.

Challenge: Build a Product Landing Page

Link to the challenge:


An inherit align for the headers was messing with the alignment! Been an hour checking flex stuff as it’s one of my weakest points and the problem wasn’t there!

1 Like