@danielmrz-dev
Posted
Hello @asadalimcj!
Display: Block = The element uses 100% of the parent element's width. You can set its height and width.
Display: Inline = The element behaves like a word. You can place other elements next to it because it doesn't use 100% of the parent element's width. In this case, you can't set it's height or width.
Display: Inline-Block = The element behaves like a word, does not use 100% of the parent element's width but you can set it's height and width.
It's not that hard. With practice, you're gonna master it very soon.