Why does setting `min-width: fit-content` on grid item influences the width of the sibling?
In this pen, there is a title, description and horizontal images. If you view it in a screen that's between 1024 and 1660 pixels wide, you should observe that the horizontal images (ID "social-media-images") overflow their container, which is a grid. The width of the "social-media-images" should stay fixed at 1660 pixels as long as the screen width is like described above. At the same time, it's above sibling (the element that wraps the text) has the same width (1660 pixels).
Now, if I set the
Can you explain what's going on here? Why does setting the
Thank you
Now, if I set the
min-widthfit-contentCan you explain what's going on here? Why does setting the
min-widthmin-widthThank you
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
