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

Amethyst - Jay King, Hannah Watkins, Raina Campbell #46

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

Conversation

jayriverking
Copy link

No description provided.

jayriverking and others added 30 commits May 16, 2023 11:26
@jayriverking jayriverking changed the title Amethyst - Jay King Amethyst - Jay King, Hannah Watkins, Raina Campbell Jun 6, 2023
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 +29 to +35
nav ul li {
display: inline-block;
font-size: 25px;
width: 25%;
background-color: pink;
margin: auto;
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work using this descendant selector, typically we name folders that hold css files "styles"

Comment on lines +9 to +23
header {
background-color: #2893a1;
color: #fff;
padding: 10px;
text-align: center;
}

nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

nav li {
display: inline-block;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To make reading easy and avoid possible confusion, I suggest keeping all CSS rules at the same indentation level.

Comment on lines +17 to +28
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="facts.html">Fun Facts</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</nav>
</header>
<section>
<article>
<h1>Fun Facts About...</h1>

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 and the section as part of the significant content of the page and place it inside a main tag.

Comment on lines +39 to +51
<img src="fun-fact-imgs/hunter.jpeg" alt="hunter x hunter">
<p>Hisoka's appearance as a clown, hairstyle, painted teardrops, card throwing skills, etc., may be references to another Yoshihiro Togashi character, Suzuki, from his earlier work YuYu Hakusho, when he was dressed up as a clown. Hisoka changes his appearances at each turn of the story arc.</p>
</li>

<li><h4>UP</h4>
<img src="fun-fact-imgs/kevin.png" alt="Kevin, a giant fictional bird from the animated movie Up">
<p>Fun Fact: Many sources, including Peter Docter's study guide to Up and even the movie, say that Kevin's species is the mythical "Snipe", a fictional bird created to send foolish people on wild goose chases. <br><br> In reality, a snipe is a kind of wading bird which has a long slender bill and brown patterned plumage.
</p>
</li>

<li><h4>Inside Out</h4>
<img src="fun-fact-imgs/inside-out.webp" alt="inside out">
<p>The writers initially intended to include an antagonist named Gloom. The early scripts would have Gloom try to bring everyone down and destroy Riley’s island.

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!

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