A little help with margin

Question

Check the 12th box and tell me why the margin isn't working on the right.

it has the box class in css and the container is book_list

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

Answer 1

Why you using -webkit-box and family? Its not standard and, by reading some resources, is not well supported... You can do it with a more supported flexbox or, better for support, with inline-block.
See this
https://code.sololearn.com/W9ETEI8F210K/#css

P.S. I edited js also because my old devices dont support ES6

Answer 2

KrOW Thanks for the help. I tried it first with inline-block but for some stupid reason I wasn't getting the result I wanted. And didn't know about box being no longer supported.

Answer 3

Akib Reza Flex box have a strange history made by old almost-standard (used by old browsers) and the new standard (used from current one).
Read here for guides and more info about it https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout

P.S. You are welcome 😉👍