Tell us what’s happening:
Hi guys! i need help, I’m building the landing page project, but i cannot separate items in the flex box.
i put on my code in the parent tag display:flex, and then i worked on the child, i tried to put on both (parent and child) justify content: space-around, but for some reason it doesnt work! can someone please help me?
Your code so far
PS5 Spec
CPU: AMD Zen 2-based CPU with 8 cores at 3.5GHz
GPU: 10.28 TFLOPs, 36 CUs at 2.23GHz
Memory interface: 16GB GDDR6 / 256-bit
Optical drive: 4K UHD Blu-ray drive
Select
PS5 key facts
<li>The PS5 price is undefined</li>
<li>Sony has confirmed the PS5 release date is not currently delayed by coronavirus</li>
<li> The Sony PS5 is the next-gen PlayStation console, replacing the PS4 Slim and PS4 Pro</li>
<li>The DualSense PS5 controller has given us a fairly good idea of what we can expect</li>
</ol>
<button class="btn2">Select</button>
I think I’ve found a solution.
It looks like the divs tend to absorb as much space as possible so when they are next to each other, no space is left around them so justify-content won’t have any space to put around or between them.
In your code, you need to set width to your divs in order to limit how much space they are going to occupy with max-width