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

Maddie Shields - Edges - Personal Portfolio Site #43

Open
wants to merge 10 commits into
base: master
Choose a base branch
from

Conversation

madaleines
Copy link

@madaleines madaleines commented Sep 18, 2018

Personal Portfolio Site

Congratulations! You're submitting your assignment!

Comprehension Questions

Question Answer
Did you have to resolve any issues when running the HTML Validator? If so, what were they?
Why is it important to consider and use semantic HTML? Semantic tags make it clear what part of the page is presented
How did you decide to structure your CSS? One generic large CSS file to apply to multiple pages.
What was the most challenging piece of this assignment? CSS, particularly with when to use Grid or when to use Flex for optimal results. Keeping a part of the header Fixed, but not the whole part.
Describe one area that you gained more clarity on when completing this assignment Flex and Grid a bit more
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website? nope, maybe later
Overall

@droberts-sea
Copy link

Personal Portfolio Site

What We're Looking For

Feature Feedback
Baseline
Appropriate Git Usage yes
Answered comprehension questions yes
Page fully loads yes
No broken links (regular or images) yes
Includes at least 4 pages and styling yes
HTML
Uses the high-level tags for organization: header, footer, main yes - good work
Appropriately using semantic tags: section, article, etc. yes
All images include alternate text this is missing
CSS
Using class and ID names in style declarations yes
Style declarations are DRY It would probably be wise to break your CSS out into multiple files: main.css, which contains the styles applied to every page (like the header and nav), and a stylesheet for each individual page containing specific styles for that page.
Overall

In general this looks good. I like that you're experimenting with animations, embedded content and a CSS framework! Just make sure your fundamentals don't slip as a result.

<script>
var slideIndex = 1;
showDivs(slideIndex);

Choose a reason for hiding this comment

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

JavaScript should always live in a separate file. Inline scripts are bad form.

<div class="w3-content" style="max-width:600px">
<img class="mySlides" src="../images/1.png" style="width:100%">
<img class="mySlides" src="../images/2.png" style="width:100%">

Choose a reason for hiding this comment

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

These have inline styles! The width: 100% should go in your CSS.

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.

2 participants