Clipboard-landing-page /HTML, CSS, Flex, Mobile first workflow

Regarding you query:

I not sure if i understand you're question correctly, it would help a great deal if you describe the desired outcome that you're trying to accomplish.

If you're mean not flex-items don't have eaqual width by "not correctly aligned", there are different ways of making that happen. The first item is taking more space that the two other because it's has more content.

• By explicitly telling flex container how you want to distribute the space between flex item:

.container{
        justify-content:center;
 }

.container > * {
     flex:1;
}

• By giving each flex-item a max-width:

.container{
justify-content:space-between;
 }

.container > * {
     max-width: value 
}

Keep coding :=)