{"isTableOfContentPresent":true,"courseSlug":"learn-basic-css","chapters":{"110-getting-started":{"chapterName":"Getting Started","tocColumnsForDisplay":[[{"file":"110-working-internet.md","title":"

All you need is a working internet connection

","slug":"all-you-need-is-a-working-internet-connection","is_not_exercise":true,"label":"1.1","pagePath":"/learn-basic-css/pages/all-you-need-is-a-working-internet-connection","pageName":"

All you need is a working internet connection

"},{"file":"120-help.md","title":"

Let us know what you think of BigBinary Academy

","slug":"let-us-know-what-you-think-of-bigbinary-academy","is_not_exercise":true,"label":"1.2","pagePath":"/learn-basic-css/pages/let-us-know-what-you-think-of-bigbinary-academy","pageName":"

Let us know what you think of BigBinary Academy

"},{"file":"130-jumping-between-pages.md","title":"

Jumping between pages

","slug":"jumping-between-pages","is_not_exercise":true,"label":"1.3","pagePath":"/learn-basic-css/pages/jumping-between-pages","pageName":"

Jumping between pages

"}],[{"file":"140-next-previous-using-keyboard.md","title":"

Next & Previous page using keyboard

","slug":"next-previous-page-using-keyboard","is_not_exercise":true,"label":"1.4","pagePath":"/learn-basic-css/pages/next-previous-page-using-keyboard","pageName":"

Next & Previous page using keyboard

"},{"file":"150-prerequisites.md","title":"

Prerequisites

","slug":"prerequisites","is_not_exercise":true,"label":"1.5","pagePath":"/learn-basic-css/pages/prerequisites","pageName":"

Prerequisites

"},null]]},"120-jump-into-css":{"chapterName":"Jump into CSS","tocColumnsForDisplay":[[{"file":"110-first-look-at-css.md","title":"

First look at CSS

","slug":"first-look-at-css","is_not_exercise":true,"label":"2.1","pagePath":"/learn-basic-css/pages/first-look-at-css","pageName":"

First look at CSS

"},{"file":"130-selectors.md","title":"

Selectors

","slug":"selectors","is_not_exercise":true,"label":"2.2","pagePath":"/learn-basic-css/pages/selectors","pageName":"

Selectors

"}],[{"file":"150-properties-values.md","title":"

Properties & Values

","slug":"properties-values","is_not_exercise":true,"label":"2.3","pagePath":"/learn-basic-css/pages/properties-values","pageName":"

Properties & Values

"},{"file":"170-css-comments.md","title":"

CSS Comments

","slug":"css-comments","is_not_exercise":true,"label":"2.4","pagePath":"/learn-basic-css/pages/css-comments","pageName":"

CSS Comments

"}]]},"130-css-selectors":{"chapterName":"CSS Selectors","tocColumnsForDisplay":[[{"file":"110-element-selectors.md","title":"

Element Selectors

","slug":"element-selectors","is_not_exercise":true,"label":"3.1","pagePath":"/learn-basic-css/pages/element-selectors","pageName":"

Element Selectors

"},{"file":"130-class-selectors.md","title":"

Class Selectors

","slug":"class-selectors","is_not_exercise":true,"label":"3.2","pagePath":"/learn-basic-css/pages/class-selectors","pageName":"

Class Selectors

"}],[{"file":"150-id-selectors.md","title":"

ID Selectors

","slug":"id-selectors","is_not_exercise":true,"label":"3.3","pagePath":"/learn-basic-css/pages/id-selectors","pageName":"

ID Selectors

"},{"file":"170-universal-selector.md","title":"

Universal Selector

","slug":"universal-selector","is_not_exercise":true,"label":"3.4","pagePath":"/learn-basic-css/pages/universal-selector","pageName":"

Universal Selector

"}]]},"140-colors":{"chapterName":"Colors","tocColumnsForDisplay":[[{"file":"110-color-names.md","title":"

Color Names

","slug":"color-names","is_not_exercise":true,"label":"4.1","pagePath":"/learn-basic-css/pages/color-names","pageName":"

Color Names

"},{"file":"130-rgb-color-values.md","title":"

RGB Color Values

","slug":"rgb-color-values","is_not_exercise":true,"label":"4.2","pagePath":"/learn-basic-css/pages/rgb-color-values","pageName":"

RGB Color Values

"}],[{"file":"150-hex-color-values.md","title":"

HEX Color Values

","slug":"hex-color-values","is_not_exercise":true,"label":"4.3","pagePath":"/learn-basic-css/pages/hex-color-values","pageName":"

HEX Color Values

"},null]]},"145-css-mcq-01":{"chapterName":"CSS MCQ","tocColumnsForDisplay":[[{"file":"110-css-mcq-01.md","title":"

MCQ 01

","slug":"css-mcq-01","is_not_exercise":true,"label":"5.1","pagePath":"/learn-basic-css/pages/css-mcq-01","pageName":"

MCQ 01

"}],[null]]},"150-sizing":{"chapterName":"Sizing","tocColumnsForDisplay":[[{"file":"110-height.md","title":"

Height

","slug":"height","is_not_exercise":true,"label":"6.1","pagePath":"/learn-basic-css/pages/height","pageName":"

Height

"},{"file":"130-width.md","title":"

Width

","slug":"width","is_not_exercise":true,"label":"6.2","pagePath":"/learn-basic-css/pages/width","pageName":"

Width

"},{"file":"150-relative-units.md","title":"

Relative Units

","slug":"relative-units","is_not_exercise":true,"label":"6.3","pagePath":"/learn-basic-css/pages/relative-units","pageName":"

Relative Units

"},{"file":"160-em.md","title":"

Relative Unit ‘em’

","slug":"relative-unit-em","is_not_exercise":true,"label":"6.4","pagePath":"/learn-basic-css/pages/relative-unit-em","pageName":"

Relative Unit ‘em’

"},{"file":"180-rem.md","title":"

Relative Unit ‘rem’

","slug":"relative-unit-rem","is_not_exercise":true,"label":"6.5","pagePath":"/learn-basic-css/pages/relative-unit-rem","pageName":"

Relative Unit ‘rem’

"},{"file":"200-vh.md","title":"

Relative Unit ‘vh’

","slug":"relative-unit-vh","is_not_exercise":true,"label":"6.6","pagePath":"/learn-basic-css/pages/relative-unit-vh","pageName":"

Relative Unit ‘vh’

"}],[{"file":"220-vw.md","title":"

Relative Unit ‘vw’

","slug":"relative-unit-vw","is_not_exercise":true,"label":"6.7","pagePath":"/learn-basic-css/pages/relative-unit-vw","pageName":"

Relative Unit ‘vw’

"},{"file":"240-absolute-units.md","title":"

Absolute Units

","slug":"absolute-units","is_not_exercise":true,"label":"6.8","pagePath":"/learn-basic-css/pages/absolute-units","pageName":"

Absolute Units

"},{"file":"260-max-height.md","title":"

Maximum Height

","slug":"maximum-height","is_not_exercise":true,"label":"6.9","pagePath":"/learn-basic-css/pages/maximum-height","pageName":"

Maximum Height

"},{"file":"290-max-width.md","title":"

Maximum Width

","slug":"maximum-width","is_not_exercise":true,"label":"6.10","pagePath":"/learn-basic-css/pages/maximum-width","pageName":"

Maximum Width

"},{"file":"320-min-height.md","title":"

Minimum Height

","slug":"minimum-height","is_not_exercise":true,"label":"6.11","pagePath":"/learn-basic-css/pages/minimum-height","pageName":"

Minimum Height

"},{"file":"340-min-width.md","title":"

Minimum Width

","slug":"minimum-width","is_not_exercise":true,"label":"6.12","pagePath":"/learn-basic-css/pages/minimum-width","pageName":"

Minimum Width

"}]]},"160-spacing":{"chapterName":"Spacing","tocColumnsForDisplay":[[{"file":"110-margin.md","title":"

Margin

","slug":"margin","is_not_exercise":true,"label":"7.1","pagePath":"/learn-basic-css/pages/margin","pageName":"

Margin

"},{"file":"120-margin-individual-properties.md","title":"

Side Margins

","slug":"side-margins","is_not_exercise":true,"label":"7.2","pagePath":"/learn-basic-css/pages/side-margins","pageName":"

Side Margins

"},{"file":"140-margin-shorthand.md","title":"

Margin Shorthand Property

","slug":"margin-shorthand-property","is_not_exercise":true,"label":"7.3","pagePath":"/learn-basic-css/pages/margin-shorthand-property","pageName":"

Margin Shorthand Property

"},{"file":"170-negative-margins.md","title":"

Negative Margins

","slug":"negative-margins","is_not_exercise":true,"label":"7.4","pagePath":"/learn-basic-css/pages/negative-margins","pageName":"

Negative Margins

"}],[{"file":"190-auto-margins.md","title":"

Auto Margins

","slug":"auto-margins","is_not_exercise":true,"label":"7.5","pagePath":"/learn-basic-css/pages/auto-margins","pageName":"

Auto Margins

"},{"file":"210-padding.md","title":"

Padding

","slug":"padding","is_not_exercise":true,"label":"7.6","pagePath":"/learn-basic-css/pages/padding","pageName":"

Padding

"},{"file":"220-padding-individual-properties.md","title":"

Padding on Sides

","slug":"padding-on-sides","is_not_exercise":true,"label":"7.7","pagePath":"/learn-basic-css/pages/padding-on-sides","pageName":"

Padding on Sides

"},{"file":"240-padding-shorthand.md","title":"

Padding Shorthand Property

","slug":"padding-shorthand-property","is_not_exercise":true,"label":"7.8","pagePath":"/learn-basic-css/pages/padding-shorthand-property","pageName":"

Padding Shorthand Property

"}]]},"165-css-mcq-02":{"chapterName":"CSS MCQ","tocColumnsForDisplay":[[{"file":"110-css-mcq-02.md","title":"

MCQ 02

","slug":"css-mcq-02","is_not_exercise":true,"label":"8.1","pagePath":"/learn-basic-css/pages/css-mcq-02","pageName":"

MCQ 02

"}],[null]]},"170-text-formatting":{"chapterName":"Text Formatting","tocColumnsForDisplay":[[{"file":"110-text-color.md","title":"

Text Color

","slug":"text-color","is_not_exercise":true,"label":"9.1","pagePath":"/learn-basic-css/pages/text-color","pageName":"

Text Color

"},{"file":"130-text-align.md","title":"

Text Alignment

","slug":"text-alignment","is_not_exercise":true,"label":"9.2","pagePath":"/learn-basic-css/pages/text-alignment","pageName":"

Text Alignment

"},{"file":"150-text-decoration.md","title":"

Text Decoration

","slug":"text-decoration","is_not_exercise":true,"label":"9.3","pagePath":"/learn-basic-css/pages/text-decoration","pageName":"

Text Decoration

"},{"file":"170-line-height.md","title":"

Line Height

","slug":"line-height","is_not_exercise":true,"label":"9.4","pagePath":"/learn-basic-css/pages/line-height","pageName":"

Line Height

"},{"file":"190-letter-spacing.md","title":"

Letter Spacing

","slug":"letter-spacing","is_not_exercise":true,"label":"9.5","pagePath":"/learn-basic-css/pages/letter-spacing","pageName":"

Letter Spacing

"}],[{"file":"210-font-size.md","title":"

Font Size

","slug":"font-size","is_not_exercise":true,"label":"9.6","pagePath":"/learn-basic-css/pages/font-size","pageName":"

Font Size

"},{"file":"230-font-weight.md","title":"

Font Weight

","slug":"font-weight","is_not_exercise":true,"label":"9.7","pagePath":"/learn-basic-css/pages/font-weight","pageName":"

Font Weight

"},{"file":"250-font-family.md","title":"

Font Family

","slug":"font-family","is_not_exercise":true,"label":"9.8","pagePath":"/learn-basic-css/pages/font-family","pageName":"

Font Family

"},{"file":"260-specific-font.md","title":"

Specific Font

","slug":"specific-font","is_not_exercise":true,"label":"9.9","pagePath":"/learn-basic-css/pages/specific-font","pageName":"

Specific Font

"},null]]},"180-backgrounds":{"chapterName":"Backgrounds","tocColumnsForDisplay":[[{"file":"110-background-color.md","title":"

Background Color

","slug":"background-color","is_not_exercise":true,"label":"10.1","pagePath":"/learn-basic-css/pages/background-color","pageName":"

Background Color

"},{"file":"130-background-image.md","title":"

Background Image

","slug":"background-image","is_not_exercise":true,"label":"10.2","pagePath":"/learn-basic-css/pages/background-image","pageName":"

Background Image

"},{"file":"150-backround-repeat.md","title":"

Background Repeat

","slug":"background-repeat","is_not_exercise":true,"label":"10.3","pagePath":"/learn-basic-css/pages/background-repeat","pageName":"

Background Repeat

"}],[{"file":"170-background-size.md","title":"

Background Size

","slug":"background-size","is_not_exercise":true,"label":"10.4","pagePath":"/learn-basic-css/pages/background-size","pageName":"

Background Size

"},{"file":"200-background-position.md","title":"

Background Position

","slug":"background-position","is_not_exercise":true,"label":"10.5","pagePath":"/learn-basic-css/pages/background-position","pageName":"

Background Position

"},null]]},"190-borders":{"chapterName":"Borders","tocColumnsForDisplay":[[{"file":"110-border.md","title":"

Border

","slug":"border","is_not_exercise":true,"label":"11.1","pagePath":"/learn-basic-css/pages/border","pageName":"

Border

"},{"file":"120-border-style.md","title":"

Border Style

","slug":"border-style","is_not_exercise":true,"label":"11.2","pagePath":"/learn-basic-css/pages/border-style","pageName":"

Border Style

"},{"file":"140-border-style-multiple-values.md","title":"

Border Style - Multiple Values

","slug":"border-style-multiple-values","is_not_exercise":true,"label":"11.3","pagePath":"/learn-basic-css/pages/border-style-multiple-values","pageName":"

Border Style - Multiple Values

"},{"file":"180-border-width.md","title":"

Border Width

","slug":"border-width","is_not_exercise":true,"label":"11.4","pagePath":"/learn-basic-css/pages/border-width","pageName":"

Border Width

"},{"file":"200-border-width-multiple-values.md","title":"

Border Width - Multiple Values

","slug":"border-width-multiple-values","is_not_exercise":true,"label":"11.5","pagePath":"/learn-basic-css/pages/border-width-multiple-values","pageName":"

Border Width - Multiple Values

"},{"file":"240-border-color.md","title":"

Border Color

","slug":"border-color","is_not_exercise":true,"label":"11.6","pagePath":"/learn-basic-css/pages/border-color","pageName":"

Border Color

"},{"file":"260-border-color-multiple-values.md","title":"

Border Color Multiple Values

","slug":"border-color-multiple-values","is_not_exercise":true,"label":"11.7","pagePath":"/learn-basic-css/pages/border-color-multiple-values","pageName":"

Border Color Multiple Values

"}],[{"file":"300-border-sides.md","title":"

Border Sides

","slug":"border-sides","is_not_exercise":true,"label":"11.8","pagePath":"/learn-basic-css/pages/border-sides","pageName":"

Border Sides

"},{"file":"320-border-shothand-property.md","title":"

Border Shorthand Property

","slug":"border-shorthand-property","is_not_exercise":true,"label":"11.9","pagePath":"/learn-basic-css/pages/border-shorthand-property","pageName":"

Border Shorthand Property

"},{"file":"321-border-shothand-property-extended.md","title":"

Border Shorthand Property - Optional Values

","slug":"border-shorthand-property-optional-values","is_not_exercise":true,"label":"11.10","pagePath":"/learn-basic-css/pages/border-shorthand-property-optional-values","pageName":"

Border Shorthand Property - Optional Values

"},{"file":"322-border-shothand-property-continued.md","title":"

Side Border Shorthand Property

","slug":"side-border-shorthand-property","is_not_exercise":true,"label":"11.11","pagePath":"/learn-basic-css/pages/side-border-shorthand-property","pageName":"

Side Border Shorthand Property

"},{"file":"350-rounded-corners.md","title":"

Rounded Corners

","slug":"rounded-corners","is_not_exercise":true,"label":"11.12","pagePath":"/learn-basic-css/pages/rounded-corners","pageName":"

Rounded Corners

"},{"file":"370-border-radius-mulitple-values.md","title":"

Border Radius - Multiple Values

","slug":"border-radius-multiple-values","is_not_exercise":true,"label":"11.13","pagePath":"/learn-basic-css/pages/border-radius-multiple-values","pageName":"

Border Radius - Multiple Values

"},{"file":"410-border-radius-individual-properties.md","title":"

Border Radius Individual Properties

","slug":"border-radius-individual-properties","is_not_exercise":true,"label":"11.14","pagePath":"/learn-basic-css/pages/border-radius-individual-properties","pageName":"

Border Radius Individual Properties

"}]]},"200-opacity":{"chapterName":"Opacity","tocColumnsForDisplay":[[{"file":"110-opacity.md","title":"

Opacity

","slug":"opacity","is_not_exercise":true,"label":"12.1","pagePath":"/learn-basic-css/pages/opacity","pageName":"

Opacity

"}],[{"file":"130-opacity-using-rgba.md","title":"

Opacity using RGBA

","slug":"opacity-using-rgba","is_not_exercise":true,"label":"12.2","pagePath":"/learn-basic-css/pages/opacity-using-rgba","pageName":"

Opacity using RGBA

"}]]},"210-styling-links":{"chapterName":"Styling Links","tocColumnsForDisplay":[[{"file":"110-links.md","title":"

Styling Links

","slug":"styling-links","is_not_exercise":true,"label":"13.1","pagePath":"/learn-basic-css/pages/styling-links","pageName":"

Styling Links

"}],[{"file":"140-styling-links-using-states.md","title":"

Styling Links using States

","slug":"styling-links-using-states","is_not_exercise":true,"label":"13.2","pagePath":"/learn-basic-css/pages/styling-links-using-states","pageName":"

Styling Links using States

"}]]},"220-styling-lists":{"chapterName":"Styling Lists","tocColumnsForDisplay":[[{"file":"110-lists.md","title":"

Styling Lists

","slug":"styling-lists","is_not_exercise":true,"label":"14.1","pagePath":"/learn-basic-css/pages/styling-lists","pageName":"

Styling Lists

"},{"file":"140-list-style-image.md","title":"

List Marker Image

","slug":"list-marker-image","is_not_exercise":true,"label":"14.2","pagePath":"/learn-basic-css/pages/list-marker-image","pageName":"

List Marker Image

"}],[{"file":"160-list-style-position.md","title":"

List Marker Position

","slug":"list-marker-position","is_not_exercise":true,"label":"14.3","pagePath":"/learn-basic-css/pages/list-marker-position","pageName":"

List Marker Position

"},null]]},"230-styling-tables":{"chapterName":"Styling Tables","tocColumnsForDisplay":[[{"file":"110-tables.md","title":"

Styling Tables

","slug":"styling-tables","is_not_exercise":true,"label":"15.1","pagePath":"/learn-basic-css/pages/styling-tables","pageName":"

Styling Tables

"},{"file":"130-tables-border-collapse.md","title":"

Border Collapse for Tables

","slug":"border-collapse-for-tables","is_not_exercise":true,"label":"15.2","pagePath":"/learn-basic-css/pages/border-collapse-for-tables","pageName":"

Border Collapse for Tables

"},{"file":"150-tables-width.md","title":"

Width for Tables

","slug":"width-for-tables","is_not_exercise":true,"label":"15.3","pagePath":"/learn-basic-css/pages/width-for-tables","pageName":"

Width for Tables

"},{"file":"170-tables-width-columns.md","title":"

Width for Columns

","slug":"width-for-columns","is_not_exercise":true,"label":"15.4","pagePath":"/learn-basic-css/pages/width-for-columns","pageName":"

Width for Columns

"},{"file":"190-tables-height.md","title":"

Height for Tables

","slug":"height-for-tables","is_not_exercise":true,"label":"15.5","pagePath":"/learn-basic-css/pages/height-for-tables","pageName":"

Height for Tables

"},{"file":"210-tables-height-rows.md","title":"

Height for Rows

","slug":"height-for-rows","is_not_exercise":true,"label":"15.6","pagePath":"/learn-basic-css/pages/height-for-rows","pageName":"

Height for Rows

"}],[{"file":"230-tables-horizontal-align.md","title":"

Horizontal alignment in Tables

","slug":"horizontal-alignment-in-tables","is_not_exercise":true,"label":"15.7","pagePath":"/learn-basic-css/pages/horizontal-alignment-in-tables","pageName":"

Horizontal alignment in Tables

"},{"file":"250-tables-vertical-align.md","title":"

Vertical alignment in Tables

","slug":"vertical-alignment-in-tables","is_not_exercise":true,"label":"15.8","pagePath":"/learn-basic-css/pages/vertical-alignment-in-tables","pageName":"

Vertical alignment in Tables

"},{"file":"270-tables-padding.md","title":"

Padding in Tables

","slug":"padding-in-tables","is_not_exercise":true,"label":"15.9","pagePath":"/learn-basic-css/pages/padding-in-tables","pageName":"

Padding in Tables

"},{"file":"290-tables-background-color.md","title":"

Background Color for Tables

","slug":"background-color-for-tables","is_not_exercise":true,"label":"15.10","pagePath":"/learn-basic-css/pages/background-color-for-tables","pageName":"

Background Color for Tables

"},{"file":"310-tables-specific-columns.md","title":"

Styling Specific Rows

","slug":"styling-specific-rows","is_not_exercise":true,"label":"15.11","pagePath":"/learn-basic-css/pages/styling-specific-rows","pageName":"

Styling Specific Rows

"},{"file":"340-tables-specific-columns.md","title":"

Styling Specific Columns

","slug":"styling-specific-columns","is_not_exercise":true,"label":"15.12","pagePath":"/learn-basic-css/pages/styling-specific-columns","pageName":"

Styling Specific Columns

"}]]},"240-styling-forms":{"chapterName":"Styling Forms","tocColumnsForDisplay":[[{"file":"110-styling-text-fields.md","title":"

Styling Text Fields & Text Areas

","slug":"styling-text-fields-text-areas","is_not_exercise":true,"label":"16.1","pagePath":"/learn-basic-css/pages/styling-text-fields-text-areas","pageName":"

Styling Text Fields & Text Areas

"},{"file":"120-text-input-width-height.md","title":"

Width & Height for Text Inputs

","slug":"width-height-for-text-inputs","is_not_exercise":true,"label":"16.2","pagePath":"/learn-basic-css/pages/width-height-for-text-inputs","pageName":"

Width & Height for Text Inputs

"},{"file":"140-selecting-input-by-type.md","title":"

Selecting input by type

","slug":"selecting-input-by-type","is_not_exercise":true,"label":"16.3","pagePath":"/learn-basic-css/pages/selecting-input-by-type","pageName":"

Selecting input by type

"},{"file":"160-text-input-padding-margin.md","title":"

Padding & Margin for Text Inputs

","slug":"padding-margin-for-text-inputs","is_not_exercise":true,"label":"16.4","pagePath":"/learn-basic-css/pages/padding-margin-for-text-inputs","pageName":"

Padding & Margin for Text Inputs

"},{"file":"180-text-input-borders.md","title":"

Borders for Text Inputs

","slug":"borders-for-text-inputs","is_not_exercise":true,"label":"16.5","pagePath":"/learn-basic-css/pages/borders-for-text-inputs","pageName":"

Borders for Text Inputs

"},{"file":"200-text-input-colour.md","title":"

Color for Text Inputs

","slug":"color-for-text-inputs","is_not_exercise":true,"label":"16.6","pagePath":"/learn-basic-css/pages/color-for-text-inputs","pageName":"

Color for Text Inputs

"}],[{"file":"220-text-input-fonts.md","title":"

Font and Font Size for Text Inputs

","slug":"font-and-size-for-text-inputs","is_not_exercise":true,"label":"16.7","pagePath":"/learn-basic-css/pages/font-and-size-for-text-inputs","pageName":"

Font and Font Size for Text Inputs

"},{"file":"240-textarea-resize.md","title":"

Textarea Resize

","slug":"textarea-resize","is_not_exercise":true,"label":"16.8","pagePath":"/learn-basic-css/pages/textarea-resize","pageName":"

Textarea Resize

"},{"file":"260-styling-select-inputs.md","title":"

Styling Select Inputs

","slug":"styling-select-inputs","is_not_exercise":true,"label":"16.9","pagePath":"/learn-basic-css/pages/styling-select-inputs","pageName":"

Styling Select Inputs

"},{"file":"280-styling-buttons.md","title":"

Styling Buttons

","slug":"styling-buttons","is_not_exercise":true,"label":"16.10","pagePath":"/learn-basic-css/pages/styling-buttons","pageName":"

Styling Buttons

"},{"file":"300-hover-styles.md","title":"

Hover & Focus Styles

","slug":"hover-focus-styles","is_not_exercise":true,"label":"16.11","pagePath":"/learn-basic-css/pages/hover-focus-styles","pageName":"

Hover & Focus Styles

"},null]]},"250-css-box-model":{"chapterName":"CSS Box Model","tocColumnsForDisplay":[[{"file":"110-css-box-model.md","title":"

CSS Box Model

","slug":"css-box-model","is_not_exercise":true,"label":"17.1","pagePath":"/learn-basic-css/pages/css-box-model","pageName":"

CSS Box Model

"}],[{"file":"130-box-sizing.md","title":"

Box Sizing Property

","slug":"box-sizing-property","is_not_exercise":true,"label":"17.2","pagePath":"/learn-basic-css/pages/box-sizing-property","pageName":"

Box Sizing Property

"}]]},"260-display":{"chapterName":"Display","tocColumnsForDisplay":[[{"file":"110-display-property.md","title":"

Display Property

","slug":"display-property","is_not_exercise":true,"label":"18.1","pagePath":"/learn-basic-css/pages/display-property","pageName":"

Display Property

"},{"file":"120-display-block.md","title":"

Display Block

","slug":"display-block","is_not_exercise":true,"label":"18.2","pagePath":"/learn-basic-css/pages/display-block","pageName":"

Display Block

"},{"file":"140-display-inline.md","title":"

Display Inline

","slug":"display-inline","is_not_exercise":true,"label":"18.3","pagePath":"/learn-basic-css/pages/display-inline","pageName":"

Display Inline

"}],[{"file":"160-display-inline-block.md","title":"

Display Inline Block

","slug":"display-inline-block","is_not_exercise":true,"label":"18.4","pagePath":"/learn-basic-css/pages/display-inline-block","pageName":"

Display Inline Block

"},{"file":"180-display-none.md","title":"

Display None

","slug":"display-none","is_not_exercise":true,"label":"18.5","pagePath":"/learn-basic-css/pages/display-none","pageName":"

Display None

"},null]]},"270-position":{"chapterName":"Position","tocColumnsForDisplay":[[{"file":"110-position-property.md","title":"

Position Property

","slug":"position-property","is_not_exercise":true,"label":"19.1","pagePath":"/learn-basic-css/pages/position-property","pageName":"

Position Property

"},{"file":"120-position-relative.md","title":"

Position Relative

","slug":"position-relative","is_not_exercise":true,"label":"19.2","pagePath":"/learn-basic-css/pages/position-relative","pageName":"

Position Relative

"},{"file":"140-offsets-and-margins.md","title":"

Difference between offsets and margins

","slug":"difference-between-offsets-and-margins","is_not_exercise":true,"label":"19.3","pagePath":"/learn-basic-css/pages/difference-between-offsets-and-margins","pageName":"

Difference between offsets and margins

"},{"file":"150-right-bottom-offsets.md","title":"

Right and Bottom offsets

","slug":"right-and-bottom-offsets","is_not_exercise":true,"label":"19.4","pagePath":"/learn-basic-css/pages/right-and-bottom-offsets","pageName":"

Right and Bottom offsets

"},{"file":"170-negative-offset-values.md","title":"

Negative offset values

","slug":"negative-offset-values","is_not_exercise":true,"label":"19.5","pagePath":"/learn-basic-css/pages/negative-offset-values","pageName":"

Negative offset values

"},{"file":"190-z-index.md","title":"

Z-index

","slug":"z-index","is_not_exercise":true,"label":"19.6","pagePath":"/learn-basic-css/pages/z-index","pageName":"

Z-index

"},{"file":"210-position-absolute.md","title":"

Position Absolute

","slug":"position-absolute","is_not_exercise":true,"label":"19.7","pagePath":"/learn-basic-css/pages/position-absolute","pageName":"

Position Absolute

"}],[{"file":"220-parent-element-position.md","title":"

Parent Element Position

","slug":"parent-element-position","is_not_exercise":true,"label":"19.8","pagePath":"/learn-basic-css/pages/parent-element-position","pageName":"

Parent Element Position

"},{"file":"240-absolute-element-width-height.md","title":"

Absolute Element’s Width & Height

","slug":"absolute-element-width-height","is_not_exercise":true,"label":"19.9","pagePath":"/learn-basic-css/pages/absolute-element-width-height","pageName":"

Absolute Element’s Width & Height

"},{"file":"260-position-fixed.md","title":"

Position Fixed

","slug":"position-fixed","is_not_exercise":true,"label":"19.10","pagePath":"/learn-basic-css/pages/position-fixed","pageName":"

Position Fixed

"},{"file":"280-position-sticky.md","title":"

Position Sticky

","slug":"position-sticky","is_not_exercise":true,"label":"19.11","pagePath":"/learn-basic-css/pages/position-sticky","pageName":"

Position Sticky

"},{"file":"290-position-sticky-within-parent.md","title":"

Position Sticky within Parent

","slug":"position-sticky-within-parent","is_not_exercise":true,"label":"19.12","pagePath":"/learn-basic-css/pages/position-sticky-within-parent","pageName":"

Position Sticky within Parent

"},{"file":"310-inset-property.md","title":"

Inset Property

","slug":"inset-property","is_not_exercise":true,"label":"19.13","pagePath":"/learn-basic-css/pages/inset-property","pageName":"

Inset Property

"},{"file":"330-inset-property-auto-values.md","title":"

Inset Property Auto Values

","slug":"inset-property-auto-values","is_not_exercise":true,"label":"19.14","pagePath":"/learn-basic-css/pages/inset-property-auto-values","pageName":"

Inset Property Auto Values

"}]]},"280-float":{"chapterName":"Float","tocColumnsForDisplay":[[{"file":"110-float-property.md","title":"

Float Property

","slug":"float-property","is_not_exercise":true,"label":"20.1","pagePath":"/learn-basic-css/pages/float-property","pageName":"

Float Property

"},{"file":"140-clear-property.md","title":"

Clear Property

","slug":"clear-property","is_not_exercise":true,"label":"20.2","pagePath":"/learn-basic-css/pages/clear-property","pageName":"

Clear Property

"}],[{"file":"160-clearfix.md","title":"

Clearfix

","slug":"clearfix","is_not_exercise":true,"label":"20.3","pagePath":"/learn-basic-css/pages/clearfix","pageName":"

Clearfix

"},null]]}}}