I’m working on product landing page project . I completed it 5-6 times but not perfectly . I’m again working on the same . But now I am stucked at a place . Right now I am working on individual section.
this is my page ‘https://codepen.io/shubham10200/pen/pMeWqQ’
I want it to come to center like this:
EDIT: to show the borders, I set a temporary selector * {border: solid 2px red};
You could set your <section> as a flex container and justify the content to center.
Create a wrapper flex container around all of the features divs. This is what happens:
Being as you can’t work it out, follow @Devendra0110’s code. that is what I did for the <section> selector.
The other thing you need to do is just add a <div> before your first <features> div, and a </div> after your last <features> div.