https://codepen.io/Nandini25/pen/PMyeMx
This is my Product Landing Page , i need to align those three boxes in a row but i’m unable to do it.
PS:I have used “flex” and “flex-direction” still no results.
You have placed incomplete section elements in the id="products"
element and have used margin too much which is why your product elements are far apart.
Here is the code pen that i forked and rectified for you:
https://codepen.io/adityesh-the-reactor/full/LwqjaV
Should give you a good head start.
And the items you want in a flex box you should apply display:flex;
to the parent element containing the products . In your case apply flex to the product div so that the tenor elements are in a flex-box.
Cheers!
1 Like
I got it.Thank you so much for the help ,also for the video problem you managed.
1 Like
No problem.
Copy embed code by right clicking the video next time you do so.
1 Like
Okay , thanks again for this!
1 Like