Repo Description:
Hands-on practice for Advanced HTML & CSS. Each student works in their own branch and folder, completes every example, commits learnings, and submits via PR for review.
-
Get the PDF
- Use the provided
advanced-html-css-practice.pdffor all examples.
- Use the provided
-
Clone the Repo
git clone https://github.com/dayanidigv/THB-TD-B1-html-css-advanced-assignment.git
cd THB-TD-B1-html-css-advanced-assignment-
Create Your Branch
- Use your student ID as the branch name:
git checkout -b <your-student-id>-
Create Your Personal Folder
- Inside
assignments/, create a folder for yourself:
- Inside
mkdir assignments/<your-name-or-id>-
Work on Examples
- Each example should have its own folder inside your personal folder:
assignments/<your-name-or-id>/
βββ 01-example-name/
β βββ index.html
β βββ screenshot.png
βββ 02-example-name/
β βββ form.html
β βββ screenshot.png
βββ ...
-
Inside each example folder:
- Add HTML/CSS files.
- Modify and experiment with code.
- Take a screenshot of the result.
-
Commit Each Example
- After completing an example, commit with a descriptive message about what you learned:
git add .
git commit -m "Example 01: Practiced semantic HTML - headers, main, footer"
git push origin <your-student-id>-
Repeat for All Examples
- Continue the same process for every example.
-
Submit for Review
-
Once all examples are complete:
- Go to your GitHub profile.
- Create a Pull Request from your branch to
main. - Wait for it to be reviewed and merged.
-
- Always work on your branch; do not push directly to
main. - Keep folders and filenames clean and consistent.
- Experiment with the code β screenshots must reflect your changes.
- Commit after each example with clear learning points.
Happy Coding! π