-
Can be done in multiple ways.
### Easy
- Center visible nodes and scale to fit within the window.
### Challenging
- Automatically collapse certain nodes when shrinking window (perhaps a user s…
-
I'm having trouble creating a basic, responsive example layout shell.
1. Nav menu
2. Sidebar
3. Flexable content
So far I've combined the [Off-canvas + Navbar](https://codesandbox.io/s/y2n91z…
-
1. Create breakpoints for navbar
2. Create drawer menu for smaller screens
3. Create breakpoints for main content
-
I'm trying to figure out how to make a list item, that displays it's children horizontally when there's enough space (desktop), but wraps them into multiple "lines" when there isn't (mobile). Am I mis…
skrat updated
2 years ago
-
If a product is found with a very, very long name, it will essentially break the table layout entirely since the first column now takes up all space, making it very hard to access the controls.
![tab…
Biont updated
4 years ago
-
Cards should probably scale and position w/r/t to the layout...
-
At least typical desktop and iPhone 4-sized screens should render well. No need for iPhone 5, iPad, iPad mini, or the 3728395 variations of Android screens out there in the beginning.
Perhaps use som…
-
Make sure the strip fills the screen on a phone and explore the possibility of flowing into a multi-column layout.
-
Today I improved the documentation landing page and noticed that the three divs don't behave well with different sizing. Responsiveness is problematic in many other places. When the window is narrow, …
-
Explore and document the methods to achieve responsive design using Tailwind CSS. Tailwind provides utility-first classes that make it easy to implement responsive layouts without writing custom media…