Responsive Styling Using Attribute Selectors

June 30th, 2020

One of the challenges we face when implementing class-based atomic styling is that it often depends on a specific breakpoint for context. <div class=”span-12″></div> <!– we want this for small screens  –> <div class=”span-6″></div>  <!– we want this for medium screens –> <div class=”span-4″></div>  <!– we want this for large screens  –> It’s common to…