search

gavhanna / WebCV

Simple, dependency-free, custom web component for generating an HTML CV from a JSON file.
MIT License
0 stars 0 forks source link

Add container query type styling #12

Open gavhanna opened 4 years ago

gavhanna commented 4 years ago

We need to style the web-cv element itself, based on its own width, not the viewport width. This way if a user drops this element onto their page over on one side it should be responsive in its own container.

This might help https://css-tricks.com/responsive-components-solution-container-queries-problem/#:~:text=Container%20Queries%2C%20as%20in%2C%20the,the%20viewport%20not%20individual%20elements.

gavhanna commented 4 years ago

https://moderncss.dev/container-query-solutions-with-css-grid-and-flexbox/

Haven't read it all but might be useful.