css-element-queries icon indicating copy to clipboard operation
css-element-queries copied to clipboard

Published 20 hours ago • verified publisher icon marcj

More example/best practise for switching elements and visibility of element

Open hpvd opened this issue 7 years ago • 3 comments
trafficstars

Thanks for the nice examples of usage of this awesome tool on https://github.com/marcj/css-element-queries and https://marcj.github.io/css-element-queries/

Would be perfect to see two more examples/ documentation of best practise:

  1. change/switch of content when elements reaching a specific width example for usecase: caption/legend of an image: short one for width<600px, long one for width >600px

  2. show element only starting at a specific width example for usecase: caption/legend of an image should be only visible for width >300px

hpvd avatar Mar 04 '18 09:03 hpvd

Would you like to provide a pull request with that?

marcj avatar Oct 18 '18 19:10 marcj

hmm , sorry.... was looking for some hints for the questions: is this already working? How to do it best?

hpvd avatar Oct 25 '18 08:10 hpvd

Sure that works, but depends on the actual layout you wanna build. So can you provide an example with example implementation?

marcj avatar Oct 25 '18 09:10 marcj