-
Notifications
You must be signed in to change notification settings - Fork 49
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Jessie-Anh-Mikayla group fansite project #29
base: main
Are you sure you want to change the base?
Conversation
Mikayla - Home page
…shows up in tab for all pages
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Group Fansite
What We're Looking For
Feature | Feedback |
---|---|
Baseline | ✅ |
Appropriate Git Usage | ✅ |
Page fully loads | ✅ |
No broken links (regular or images) | ✅ |
Includes at least 3 pages and styling | ✅ |
HTML | |
Uses the high-level tags for organization: header, footer, main |
✅ |
Appropriately using semantic tags: section, article , etc. |
✅ |
All images include alternate text | ✅ |
No validation errors | ✅ |
CSS | |
Using class and ID names in style declarations | ✅ |
Style declarations are DRY | 😞 |
Uses Flexbox or Grid | ✅ |
Overall | 💯 |
.topnav { | ||
background-color: #333; | ||
overflow: hidden; | ||
} | ||
|
||
/* Style the links inside the navigation bar */ | ||
.topnav a { | ||
float: left; | ||
color: #f2f2f2; | ||
text-align: center; | ||
padding: 14px 16px; | ||
text-decoration: none; | ||
font-size: 17px; | ||
} | ||
|
||
/* Change the color of links on hover */ | ||
.topnav a:hover { | ||
background-color: #ddd; | ||
color: black; | ||
} | ||
|
||
/* Add a color to the active/current link */ | ||
.topnav a.active { | ||
background-color: #c21792; | ||
color: white; | ||
} | ||
|
||
/* Right-aligned section inside the top navigation */ | ||
.topnav-right { | ||
float: right; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
All of these are defined in the style.css file and do not need to be defined here since the page imports both stylesheets. This applies to the other CSS files as well.
No description provided.