This basic responsive collapse CodePen example shows a very limited range of how borders and elements are told to collapse based on a certain set of rules. This is a great jumping off point for anyone interested in how responsive media queries work.

Check out this primitive product container which showcases a brief layout for displaying products on a page in a Flex container.

Hey everyone!

Check out this not-so-basic example of how to create an alternative method of an image navigation container.

See this CodePen example which showcases how we can utilize some basic CSS Grid rules in order to setup a basic, responsive layout. This example has a ton of room for improvement, and even some bad practices. However, the basic premise of a good "jumping off point" still holds true.

Check out this CodePen in order to see just how inner and outer padding and aesthetic modification affects parents, children, and siblings. Moreover, let's see how the way the entire element's placement on the page is changed depending on our rules for the inner and outer containers.

Welcome!

So, as we iron out all of the details regarding what this sub will be "for," let's just get this first post out of the way so that everyone understands that this is not just for squatting. This space will eventually be a CSS help community within Lemmy.

More to come! Stay tuned.

PS: Looking for moderators. If your intentions are to swindle a moderation appointment from the existing mods, please do us all a favor and don't embarrass yourself by trying.