-
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
Amethyst - Jay King, Hannah Watkins, Raina Campbell #46
base: main
Are you sure you want to change the base?
Conversation
…to facts-branch
…to facts-branch
Facts branch
moved styling to style.css
flex the facts
fix links in index
…to facts-branch
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.
nav ul li { | ||
display: inline-block; | ||
font-size: 25px; | ||
width: 25%; | ||
background-color: pink; | ||
margin: auto; | ||
} |
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.
Nice work using this descendant selector, typically we name folders that hold css files "styles"
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; |
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.
To make reading easy and avoid possible confusion, I suggest keeping all CSS rules at the same indentation level.
<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> |
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 and the section as part of the significant content of the page and place it inside a main
tag.
<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. |
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!
No description provided.