How to expand the buttons?

Question

css

I'm trying to spread the buttons on different sides, I applied div { display: flex; justify-content: space-between; }, but the buttons are not fully extended. How to do it right, who can tell?

Answer 1

Buttons stretch correctly, but you are using bootstrap and class .container, and bootstrap limits the width of this element, because it is a utility class for bootstrap and it prescribes a lot of its own styles for it. Blocks with buttons, respectively, do not crawl out of the parent container.
As one of the fixes, the class containercan be replaced with d-flex justify-content-betweenand they will start to stretch normally.