css-starter&final code #13
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
desraymondz
reviewed
Oct 10, 2025
Comment on lines
+1
to
+37
|
|
||
| I'll create a starter code version for your bootcamp exercise! This will have the HTML structure complete but with minimal CSS for students to practice with. | ||
|
|
||
| Link Page Starter HTML | ||
| Code | ||
| Perfect! I've created starter code for your bootcamp exercise with two files: | ||
|
|
||
| 📄 HTML File - Complete and ready to use | ||
|
|
||
| All structure in place | ||
| Changed image source to generic "profile.jpg" | ||
| Students just need to update their name and links | ||
| 🎨 CSS File - Exercise template with: | ||
|
|
||
| Reset styles already provided (so students can focus on learning) | ||
| Clear TODO comments for each styling task | ||
| Numbered sections that build upon each other | ||
| Organized from basic to advanced concepts | ||
| Bonus hover effect challenge at the end | ||
| How to use this: | ||
|
|
||
| Students create both files in their project folder | ||
| They add a profile image named "profile.jpg" | ||
| They complete each TODO section in the CSS | ||
| They can compare their work to your finished version | ||
| This gives them hands-on practice with: | ||
|
|
||
| Box model (padding, margin, border) | ||
| Basic styling (colors, fonts, backgrounds) | ||
| Positioning (display, text-align, centering) | ||
| Pseudo-classes (hover effects) | ||
| The structure makes it easy to teach progressively or let students work independently! 🚀 | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
Member
There was a problem hiding this comment.
Can you explain what this is for?
It feels like a response from Claude; please double-check.
desraymondz
requested changes
Oct 10, 2025
Member
desraymondz
left a comment
desraymondz
left a comment
There was a problem hiding this comment.
- I have left some comments on the starter code CSS.
- The image can put inside a folder like /assets/Fuku.jpg to promote modularity and better organisation
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.