Product Landing Page - Flexbox

Intend to make use of CSS Flexbox when creating rows and columns to include small meaningful images(logos) against their corresponding text(description). Please if someone can help; feel a bit miserable (find it hard)

My Codepen URL is below:

The blue arrows - is an issue where the spacing between bold text and the flex is way too higher. I achieved this although not so happy with the current status.

Issue that I am facing currently is that I can’t to slice (shrink) the row1;column1 row2;column2 and row3;column3 so that I can then go ahead and adjust the text against it.

You set the margin to 168px for the wrapper so it causes your gap between it and the bold text by a space of 168px to the top

I didn’t understand your second issue :sweat_smile: