-
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
AbbyG A19 Group Fansite #45
base: main
Are you sure you want to change the base?
Conversation
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.
Great work team, I enjoyed looking through your site! Excellent work using class selectors. I've left some feedback and suggestions, please take a look when you can and reach out if there's anything I can clarify.
<header> | ||
<h1>FIN FACTS</h1> | ||
</header> | ||
<nav> | ||
<a href="facts.html">Fin Facts</a> | ||
<a href="index.html">Home</a> | ||
<a href="gallery.html"><em>Gill</em>ary</a> | ||
</nav> | ||
<section class="Facts-Intro"> | ||
<p>Sharks. The dog of the sea, the toothy terror, the gruesome gill monster. So many titles |
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.
It's a little subjective, but in this layout I might consider the header, nav and the section as part of the significant content of the page and place it inside a main
tag.
</ul> | ||
</section> | ||
<footer></footer> |
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.
Since this element is empty, we should remove it.
/> | ||
<img | ||
src= "../assets/Mauricio-Hoyos-5.jpg" | ||
alt="shark 2" | ||
/> | ||
<img | ||
src= "../assets/lemon-sharks-1.jpg.avif" | ||
alt = "shark 3" |
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.
Really nice semantic HTML across the page!
src= "../assets/_20230323_on_whale_sharks.jpg" | ||
alt = "shark 4" | ||
/> | ||
<img | ||
src= "../assets/istockphoto-454433897-612x612.jpg" | ||
alt = "shark 5" | ||
/> | ||
<img | ||
src= "../assets/sharks-orig.jpg" |
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.
Some indentation is 2-spaces and some is 4-spaces, to make things easy to read and reduce possible confusion, we should pick one and be consistent across the page.
.Facts-Intro{ | ||
display: flex; | ||
flex-direction: column; | ||
flex-wrap: wrap; | ||
} | ||
|
||
.Bullted-Facts{ |
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.
It's a little subjective, Class names are typically lower-cased
No description provided.