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

made an about page with a list of hobbies #117

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

Conversation

theLP100
Copy link

@theLP100 theLP100 commented Nov 28, 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? No, the HTML went fine.
Why is it important to consider and use semantic HTML? Semantic HTML can help make your HTML more readable, and can give you functionality based on the tags you choose (such as
    and
      )
How did you decide to structure your CSS? I started by picking styling for each HTML tag, and then added classes and id styling after that.
What was the most challenging piece of this assignment? It was hard to set up each page and get a sidebar and header going. It was hard not getting error messages when I made a mistake. It was hard to get the photo to display the way I wanted it to.
Describe one area that you gained more clarity on when completing this assignment I learned that I could in fact do HTML and CSS. I feel confident that if I dedicated more time I could continue to grow in this area. (I chose to stop so I didn't fall behind.)
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website? no.

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. Mostly
All images include alternate text
CSS
Using class and ID names in style declarations
Style declarations are DRY
Overall 💯

<main>
<h1>About LP</h1>
<section>
<img src="../assets/me and booker.jpeg" alt="LP and their cat Booker relaxing at home">

Choose a reason for hiding this comment

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

Spaces in links causes issues! This line threw an in an HTML validator


<main>
Here are some books I recommend:
<ul class = "list" id="bookList"></ul>

Choose a reason for hiding this comment

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

There is a </ul> closing tag on this line, which closes the unordered list before any list items could be added! Errors were thrown here in the HTML validator.

<button id="addBookButton">Add Book</button>
</section>
<section id="bookContainer">
<h2 id = "bookCount">Book Count: 0</h2>

Choose a reason for hiding this comment

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

It looks like this is not intended to be a heading, but instead a counter for books. Consider using a different tag. Screen readers will get confused and think this is the heading for a new section of the page.

@@ -0,0 +1,53 @@
const state = {

Choose a reason for hiding this comment

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

Great start to using JS on your 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.

2 participants