Issue with flex and html

#1

I have on HTML code with two sentences
that I am trying with a flex box to have one sentence on the left of the div and the other on the right side.

``

My CSS code is
.zd-faith {
padding: 5px 0;
background: #384b86;
color: #fff;
border-bottom: 3px solid #1d2748

                      display: flex;
          justify-content: space-around
    }

       
    .return_policy{
        background: tomato;

         text-align: center;


            }

            .genuine_diamonds

{

                 background: green;

My HTML code is

part 1part 2

The two sentences that I am trying to lay out correctly is “part 1” and “part 2”.

Currently they are one next to the other.
What am I doing wrong?

#2

why not using CSS grids instead? flex is pretty old and limited.

1 Like
#3

Thank you for your help,
I was able to solve the issue I was missing a ;
in the border-bottom.