This doubt is related to relative and absolute positioning

Can you people please explain me the code given in exercise: Applied Visual Design: Create a More Complex Shape Using CSS and HTML. I am not getting what is top bottom right and left doing in the absolute tags. Even if they are not present, shouldn’t it mean that they are 0px. I tried but it is not happening. Also tell me how fixed works. And what is the difference between

and . Thanks in advance!

top and left are zero by default, so logically bottom and right cannot be zero, you need specify them as zero if you want that.

Fixed means it is fixed at a specified position in the viewport, eg if you scroll the page it won’t make any difference, the element will still stay in the same place in the window.