As shown in the applied visual design section margin:auto took the colored box to the center of the page. How does that happen?
Hi @im_saurabhnegi, welcome to the FCC forum!
when margin is set auto the remaining space is filled up with a margin. In this case the left and right margin get the same margin. (see yellow parts in image)
Something you will often see is: margin: 0 auto;
Explicitly meaning the top and bottom margin (first parameter) are 0 and the left and right margin (second parameter) are auto.
You can see more examples of margin use cases here:
Got it. Thanks for the help. @michaelsndr