Johnathan Le earthnoob

## foo.md

      
        
          
            
              
              1 file
            
          
          
            
              
              2 forks
            
          
          
            
              
              4 comments
            
          
          
            
              
              19 stars
            
          
        
        
          
              
          
          
            
                OliverJAsh
                / foo.md
            
            
              Created
              December 8, 2017 11:29
            
              
                Avoiding CSS overrides in responsive components
              
          
        
      
        
  
      
    Avoiding CSS overrides in responsive components

I would like to demonstrate some of the benefits of scoped styles over mobile-first CSS with overrides for wider breakpoints. I'll start by explaining the two approaches, before listing the benefits.
Mobile-first with overrides for wider breakpoints

h2 {
  color: black;
 font-size: 2em;