codex-lv2-may-2025

2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Current Level: 15

Lesson: Link to CSS from Personal Page

💡 Why This Matters

Once your team’s shared style.css file is in main, everyone should link to it from their own page to keep the site consistent and clean. This is your chance to practice using issues, branches, and pull requests individually.

🎯 Objective

Each student will open an issue, create a new branch, and update their own HTML file to include the shared CSS. You should only link to the file—do not edit the CSS itself.

👣 Steps

Open a GitHub Issue
- Go to the Issues tab and click “New issue”.
- Title it something like: Link CSS to jordan.html.
- Briefly describe what file you’ll edit and what line you’ll add.
- Assign the issue to yourself.
Create a New Branch
- From the main branch, create a new branch named like link-css-jordan.
Edit Your HTML File
- In your personal file (e.g., jordan.html), locate the <head> tag.
- Add this line inside the head:

<link rel="stylesheet" href="style.css">

Commit with an Issue Reference
- Use a commit message like: Links CSS file to jordan.html - Fixes #18
Open a Pull Request and Merge
- Open a PR from your branch to main.
- Make sure the PR includes the issue number.
- After review, merge the changes.

✅ Practice Check

You opened and assigned an issue to yourself
You created a branch from main
You linked to style.css in your HTML file
You did not change the CSS file
You created and merged a pull request

💬 Discussion Prompt

What problems could happen if students edited the CSS file directly without coordination?