CSS Tip - Using Inset #shorts

Key Takeaways

so just a quick CSS tip here to make things a little bit easier when you're sometimes absolutely positioning an element So currently we have a container div and inside data content div in the HTML and in the CSS we apply a width and height to the container and position it as a relative we also give it a border and a background of gray next we style the content div with a background of purple and we say position absolute to position it absolutely to the parent container now sometimes we might want to position it from each Edge by the same amount like this and we'd repeat that for each property top right bottom and left but as a shorthand to that we can use the inset property instead and set it to be 50 pixels and this basically does exactly the same thing as all these four properties combined and now in a browser we can see that in set take effect cool