Please see my code on GitHub https://github.com/dariamkh/coursera-test.git

Why aren't they aligned? I need them to be 3 blocks align, but it doesn't work...

Please help!

CodePudding user response：

I'd highly recommend leaning flexbox. Here's a great place to start https://css-tricks.com/snippets/css/a-guide-to-flexbox/

The short answer is change #box to be #boxes { display: flex; justify-content: flex-start; } But like I said i'd highly recommend learning flexbox - its a life saver

CodePudding user response：

May be you can put three box in one container Bootstaps Layout

And you can use bootraps to set it up