In the FCC Beta version => Applied visual design, the code in the snippet below is given to us. The .heart div has this positioning:
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
Since there is no other item which is positioned, it is positioned relative to the body element. My question is: Why is it showing in the center of the screen? Is it because all sides “pull” the element to the same extent? Is it a good practice for centering elements?