What is wrong in my code please correct me in using flex box

#1

i tried some code with flex boxes and want to get all div in a row but they are not coming what is my mistake

https://drive.google.com/drive/folders/1KlWid3TYzvCE5sHOF6VQN2W91sYEOuPO?usp=sharing

here is the link of drive please correct me

#2

also why is #h1 is not displaying in one line

#3

please someone tell my mistake

#4

Hello,
what i was able to see was you have not given the property display:flex; to the parent of multiple divs,
simply add section as parent of divs and give the parents the property of dispay:flex; and also give the flex-direction: row or column according to your usage.

also you need to encounter the h1 with inline-block inorder you want to make your heading to inline from block and also if u want to change width height ( box model properties).

Hope this will resolve your doubts.

#5

okay i did what you said in h4 element when i use span by removing h4 tags it do align in inline but with h4 tag it never become inline why

#6

only inline block can change in h4 tags ??? am i right

#7

Yes u need to make it inline-block in order to make it act like inline and also make use of box model properties like height and width which doesn’t work for inline elements :blush:

#8

I hope I’ve cleared your doubt. I ask you to please rate your experience here
Your feedback is very important. It helps us improve our platform and hence provide you
the learning experience you deserve.

On the off chance, you still have some questions or not find the answers satisfactory, you may reopen
the doubt.