Flexbox help/Landing Page

Hey Guys,

I made some rows of boxes for my Landing Page in the “services section” . I tried to separate them by adding “space-around” but it doesn’t seem to be working. Any ideas?


If yout want to make some space around your divs (classed as “box”), you should make some place around them: now your divs are stretching so there is no space around coz they got a flex-grow:1 from shorthand “flex” (it means they can grow up to “100%” in width.) so if you remove both flex-grow and width:20px, the space arround’ll work

I see it now. It worked. Thanks!

1 Like