Understanding the CSS Display Property 

Seriously! :)

display: none; is the property and value for hiding an element. There is an :empty pseudo class which will let you style elements with no content. However, it has to be NOTHING inside.

Did you download the file from Github or did you copy and paste the contents into a new html file? Does you file have the right file extension - .html? Have you saved the file? Did you paste the content inside of an existing HTML file instead of a new empty one? Not sure what you did. It should look exactly the same.

Happy to help!

Glad it helped. Lol. No I'm not the voice from the Bee Movie. I have thought about doing voice over work though. That was Jim Cummings. He's done lots of voice acting.

display:block means that the element will try to fill the whole width of its parent. display:inline means that the element will collapse to wrap around its own content.

@@SteveGriffith-Prof3ssorSt3v3 Ok. I kind of get it, but then when and why would you use inline? I'm still puzzled.Thanks again.

@@GoldenToothBrush you dont have to assign it. The browser does it. Some elements are block - like p or div. Some elements are online- like span or a. Some elements are inline-block - like img. This is the default behavior for elements. But you can change the behavior by changing the value of the display properties. I could replicate any website using only p tags. The css js what controls how they appear.

@@SteveGriffith-Prof3ssorSt3v3 Right, ok it's starting to make more sense to me now. Thank you!

When you want to hide something. If there are parts of your page that you want to show and hide.

The image is display-inlone. The anchor is inline

Nope. Not yet. I prefer to post on RU-vid where it is always free for students. I don't often have time to create whole courses. This way I can just post single videos when I have time.

I have other videos on flex and grid.

.covid19 { position: fixed; }

Flex and grid have separate videos. This is an introduction to the original display properties.

Intro to display flex - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qk6MeIXsUeU.html Intro to display grid - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yHLGbnOOtfQ.html Flex vs grid vs float - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-hYJvxsgnGMA.html There are playlists for grid and flex

I have other videos specifically on display grid and flex.

@@SteveGriffith-Prof3ssorSt3v3 thanks man ✌️. Will look into it

Also it will be helpful if you can give me link to videos that explains all layout related CSS attributes

@@sachinshinde150 I have a CSS playlist on the home page for my channel. There are many many videos.

Will go through it 👍🙌😀