Skip to content
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

Open
wants to merge 20 commits into
base: main
Choose a base branch
from
Open

AbbyG A19 Group Fansite #45

wants to merge 20 commits into from

Conversation

argoodm
Copy link

@argoodm argoodm commented Jun 4, 2023

No description provided.

Copy link

@ameerrah9 ameerrah9 left a 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.

Comment on lines +11 to +21
<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

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>

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.

Comment on lines +17 to +25
/>
<img
src= "../assets/Mauricio-Hoyos-5.jpg"
alt="shark 2"
/>
<img
src= "../assets/lemon-sharks-1.jpg.avif"
alt = "shark 3"

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!

Comment on lines +27 to +36
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"

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.

Comment on lines +18 to +24
.Facts-Intro{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.Bullted-Facts{

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants