inline-block elements change the position how can i stop

Question

I have a question. I hope someone can me help. I work at a website and I wanted make a block element set next to each other but when I the size from the website change the position change also from the block elements

Answer 1

Hi! I've been wondering the same thing, and tried it out. The only way I can think of that works is to place the inline-block elements inside a block element with a width that is fixed and wide enough to contain them:

https://code.sololearn.com/Wgg1tN0Z1w4Z/?ref=app

Answer 2

Maybe this can help you understand block, inline and inline-block differences
https://code.sololearn.com/WUWrSMiCq8v6/?ref=app