Considerations
- Responsive to User Agent size adjustments
* Desktop/Tablet/Mobile/Large Screen modes
* Resize fill so that it snaps to the edges of the user screen
Working inside hierarchies and app dashboards
Use the following guidlines
Insulate the root element of the component by:
position: relative
This will allow you the design the rest of the flow only as it relates to the the root element and will ensure that it will work OK inside other flows.
Scaling with content
Areas and divs sometime need to scale with content: they need to grow 100% to the size of the parent container and then show scroll bars. The CSS for this behavior is analyzed below: