@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Tutorial Case

   Columns Style Sheet
   Author: ABD-RAHMAN
      Date:  4/7/2024  

   Filename:         dlr_columns.css

*/



/* Column Styles */

@media only screen and (min-width: 641px) {
    article {
      column-count: 2;
    }
  }
  article {
    column-gap: 30px;
  }
  article {
    column-rule: 2px solid gray;
  }
  article p {
    widows: 3;
    orphans: 3;
  }
  article h1 {
    column-span: all;
  }