Comment on Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher BetaComments−manug10212yAfter messing around with this, is there any reason to use any of the other sizes besides xs? With xs it seems like every device is covered, from the phone up to the large desktop.−DoubleMalt12yYou might want to have something as a grid with three columns on the desktop but as full width boxes on a phone.Then using another size as xs let's you define the grid for bigger sreens while on small screens the content is just stacked vertically.−eflowersOP12yXS keeps columns in a phone view, but often you want to just stack the cols and not use a grid so much as just "a shelf"90% of my designs use col-sm-*, and then if stuff needs fiddling at md or lg I do it there. For xs I just usually let it default to stacked 100% cols.
Comments
After messing around with this, is there any reason to use any of the other sizes besides xs? With xs it seems like every device is covered, from the phone up to the large desktop.
You might want to have something as a grid with three columns on the desktop but as full width boxes on a phone.
Then using another size as xs let's you define the grid for bigger sreens while on small screens the content is just stacked vertically.
XS keeps columns in a phone view, but often you want to just stack the cols and not use a grid so much as just "a shelf"
90% of my designs use col-sm-*, and then if stuff needs fiddling at md or lg I do it there. For xs I just usually let it default to stacked 100% cols.