{"version":1,"pages":[{"id":"-MSXulGRCe3apIx8P3rv","title":"CSS Basic Patterns","pathname":"/boost-your-css-skills","siteSpaceId":"sitesp_HfhKT","description":""},{"id":"-MSXw1l6DdVUmO81n00m","title":"Getting to know CSS","pathname":"/boost-your-css-skills/css","siteSpaceId":"sitesp_HfhKT","description":""},{"id":"-MSXzF0w6VDOcGsNaxPD","title":"CSS Layout","pathname":"/boost-your-css-skills/untitled","siteSpaceId":"sitesp_HfhKT","description":""},{"id":"-MSY4LjENMqGg7vDKrXp","title":"The  Cascade","pathname":"/boost-your-css-skills/the-cascade","siteSpaceId":"sitesp_HfhKT","description":""},{"id":"-MSY5BA_a5pwYAMzWdaa","title":"Specificity","pathname":"/boost-your-css-skills/the-cascade/specificity","siteSpaceId":"sitesp_HfhKT","description":"What Is Specificity? If two CSS selectors apply to the same element, the one with higher specificity wins.","breadcrumbs":[{"label":"The  Cascade"}]},{"id":"-MSY6aIbsi1ELqdghdko","title":"Inheritance & Specificity","pathname":"/boost-your-css-skills/the-cascade/inheritance-and-specificity","siteSpaceId":"sitesp_HfhKT","description":"How those two concepts actually work? Those two CSS concepts may be hard to grasp and look boring at first, but understanding them and knowing how to take advantage of them is important.","breadcrumbs":[{"label":"The  Cascade"}]},{"id":"-MSYs3wcRjCBwHwT6WU3","title":"Inheritance","pathname":"/boost-your-css-skills/the-cascade/inheritance","siteSpaceId":"sitesp_HfhKT","description":"","breadcrumbs":[{"label":"The  Cascade"}]},{"id":"-MSY8WokPh-E2GBnUVgT","title":"The Cascade & Global Scope","pathname":"/boost-your-css-skills/the-cascade/the-cascade-and-global-scope","siteSpaceId":"sitesp_HfhKT","description":"","breadcrumbs":[{"label":"The  Cascade"}]},{"id":"-MSY59XgXT6tjy9V-GE5","title":"The Box Model","pathname":"/boost-your-css-skills/the-box-model","siteSpaceId":"sitesp_HfhKT","description":"How are elements displayed"},{"id":"-MSZGANQPaeVdCNmcvnL","title":"Lists","pathname":"/boost-your-css-skills/lists","siteSpaceId":"sitesp_HfhKT","description":""},{"id":"-MSb8OYZ_qNsR0mQjRHb","title":"Selectors","pathname":"/boost-your-css-skills/selectors","siteSpaceId":"sitesp_HfhKT","description":"The basics of selectors plus the universal, type, id, and class selectors."},{"id":"-MSY5IJIikijf2Q-hi-0","title":"Combining,Grouping & Attribute Selectors","pathname":"/boost-your-css-skills/selectors/combining-selectors","siteSpaceId":"sitesp_HfhKT","description":"Grouping CSS selectors boosts efficiency, productivity, organization, and in some cases, even load speed","breadcrumbs":[{"label":"Selectors"}]},{"id":"-MSbFBxeM-8cps4pMsyf","title":"pseudo-classes & pseudo-elements","pathname":"/boost-your-css-skills/selectors/pseudo-classes-and-pseudo-elements","siteSpaceId":"sitesp_HfhKT","description":"A closer look at pseudo-classes and pseudo-elements","breadcrumbs":[{"label":"Selectors"}]},{"id":"-MSbLxE-A1y3DRxwwf1M","title":"Custom borders","pathname":"/boost-your-css-skills/selectors/custom-borders","siteSpaceId":"sitesp_HfhKT","description":"","breadcrumbs":[{"label":"Selectors"}]},{"id":"-MSbQuZFUrp5RlQpgQKq","title":"Padding","pathname":"/boost-your-css-skills/selectors/custom-borders/padding","siteSpaceId":"sitesp_HfhKT","description":"Padding is the space between an element's contents and border. It is still within the element itself, not around it","breadcrumbs":[{"label":"Selectors"},{"label":"Custom borders"}]},{"id":"-MSd5QPi5PfU2WDEz5oY","title":"Positioning Content","pathname":"/boost-your-css-skills/positioning-content","siteSpaceId":"sitesp_HfhKT","description":"One of the best things about CSS is that it gives us the ability to position content and elements on a page in nearly any imaginable way"},{"id":"-MSh1wwafyxx3Ngy6cFu","title":"Absolute Positioning","pathname":"/boost-your-css-skills/positioning-content/absolute-positioning","siteSpaceId":"sitesp_HfhKT","description":"","breadcrumbs":[{"label":"Positioning Content"}]},{"id":"-MSh0uBPJg2BJuwCcp42","title":"Relative Positioning","pathname":"/boost-your-css-skills/positioning-content/relative-positioning","siteSpaceId":"sitesp_HfhKT","description":"","breadcrumbs":[{"label":"Positioning Content"}]},{"id":"-MSdEtJmjubZHi9gLm2W","title":"Containing Floats","pathname":"/boost-your-css-skills/positioning-content/containing-floats","siteSpaceId":"sitesp_HfhKT","description":"","breadcrumbs":[{"label":"Positioning Content"}]},{"id":"-MSdEVGUQzlzQ9ApTPiJ","title":"Clearing & Containing Floats","pathname":"/boost-your-css-skills/positioning-content/clearing-and-containing-floats","siteSpaceId":"sitesp_HfhKT","description":"","breadcrumbs":[{"label":"Positioning Content"}]},{"id":"-MSdCA9d-VzuRE9tvcRL","title":"Inline-Block","pathname":"/boost-your-css-skills/positioning-content/inline-block","siteSpaceId":"sitesp_HfhKT","description":"","breadcrumbs":[{"label":"Positioning Content"}]}]}