DRAFT: Identify and fix inconsistent code indentation in a SCSS file

[JessicaLucindaCheng]

Overview

As a developer, we need to make sure the code is easy to read. In this issue, we will identify and fix inconsistent indentation in _getting-started-page.scss using Lint SCSS

Action Items

• Review Lint SCSS and Stylelint json file
• Make the necessary code changes and run the GitHub action to identify indentation errors in your own repo
• Create a pull request with the right indentations in _getting-started-page.scss as well as the code changes to identify inconsistent indentation
• Make sure the changes don't break the existing flow for other issues, such as submitting PR, merging a PR etc.

Checks

• Make sure lines with inconsistent indentation are identified while working in your own repo:
• Lines 172 to 199
• Lines 285 to 297

Resources/Instructions

• _getting-started-page.scss
• .github/workflows/lint-scss.yml
• github/super-linter README
• Related PR: Setting up GitHub Action for CSS and future linting #1957
• A list of the stylelint rules can be found here.

[github-actions]

Hi @JessicaLucindaCheng.

Please don't forget to add the proper labels to this issue. Currently, the labels for the following are missing:
Size, Role, Feature

To add a label, take a look at Github's documentation here.

Also, don't forget to remove the "missing labels" afterwards.
To remove a label, the process is similar to adding a label, but you select a currently added label to remove it.

After the proper labels are added, the merge team will review the issue and add a "Ready for Milestone" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to create issues
• Wiki: How to read and interpret labels