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

C18 Lions - Julia Park #96

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

C18 Lions - Julia Park #96

wants to merge 16 commits into from

Conversation

pje106
Copy link

@pje106 pje106 commented Nov 23, 2022

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? Yes, It was useful to find my mistake.
Why is it important to consider and use semantic HTML? it is easy to understand, readable.
How did you decide to structure your CSS? I made style.css file and linked each html pages.
What was the most challenging piece of this assignment? I am new to grid containers, so it was hard to make semantic structures.
Describe one area that you gained more clarity on when completing this assignment I used grid for portfolio.html.
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website? https://pje106.github.io/personal-portfolio-site/index.html

Copy link

@nancy-harris nancy-harris left a comment

Choose a reason for hiding this comment

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

Personal Portfolio Site

What We're Looking For

Feature Feedback
Baseline
Appropriate Git Usage
Answered comprehension questions
Page fully loads
No broken links (regular or images)
Includes at least 3 pages and styling
HTML
Uses the high-level tags for organization: header, footer, main
Appropriately using semantic tags: section, article, etc. 😞 There is no use of section or article. These should be used in many places instead of div.
All images include alternate text 😞 Many images do not have alt text
CSS
Using class and ID names in style declarations 😞 Only uses class, no ID
Style declarations are DRY
Uses Flexbox and/or Grid
Overall

<h2>My skills</h2>
</div>
<div class="project-image">
<img src="images/skills.png" alt="skills">

Choose a reason for hiding this comment

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

The alt text for images should be more descriptive. People who are blind or have low vision use screen readers to tell them what is on a webpage. Screen readers read the alt text to describe the picture to the user. This picture called "skills" will not explain to the user what is in the picture.


<li>
<a href="https://www.linkedin.com/in/julia-je-park/">
<img src="data:image/png;base64,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" style="width:30px;height:30px;">

Choose a reason for hiding this comment

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

Remember to use alt text for every picture.

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