https://codepen.io/Nandini25/pen/PMyeMx

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