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

Kate Lion C18 - Personal Site Project #110

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

Conversation

kate-varinda
Copy link

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, I had to resolve an issue when running the HTML Validator. I had to add alt text to my images.
Why is it important to consider and use semantic HTML? It is important to use semantic HTML, because it helps search engines identify the content of the website. It also makes the website more accessible.
How did you decide to structure your CSS? I structured the CSS by using the same styles for headers and footers in the site. All the text style on the site has a unified font (type/color) style.
What was the most challenging piece of this assignment? The most challenging piece of this assignment is understanding how to use flexbox and grids.
Describe one area that you gained more clarity on when completing this assignment I gained more clarity on how to use flexbox and grids and how to use the selectors in CSS.
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website? https://kate-varinda.github.io/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. 😞 Some of the <div> elements should be replaced with <section>
All images include alternate text
CSS
Using class and ID names in style declarations
Style declarations are DRY Mostly
Using Flexbox and/or Grid
Overall 💯

grid-template-columns: 20%, 60%, 20%;
}

.portfolio {

Choose a reason for hiding this comment

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

This class is only used inside one div element and copies a lot of the same properties that the div is given above. The code can be DRY-ed up by removing duplicates.

a b o u t &#160;m e
</p>
<p id="aboutme">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde error adipisci maiores laudantium aliquam possimus perspiciatis, asperiores corporis ad debitis enim officiis saepe, pariatur veniam tempore ratione sapiente consequatur necessitatibus architecto rem quod. Laudantium, enim iste, possimus excepturi, blanditiis quas ullam quos incidunt tempora labore nemo. Obcaecati tempora fuga, esse illo, doloribus distinctio dolorem quisquam velit, sed quis asperiores nihil! Neque minus placeat sequi tenetur ipsum obcaecati facere accusamus officiis deleniti aliquam at aut in eos possimus similique quasi ullam, ea enim et unde non magni voluptatum nisi! Excepturi eligendi doloribus doloremque recusandae in totam reprehenderit inventore dignissimos eum aliquid quod, neque perferendis ad voluptatibus sed ipsam dolorum asperiores vel consectetur dolorem ducimus! Quod velit sit eveniet, animi eius consequuntur dolorem dignissimos aperiam perspiciatis ipsam nisi vel obcaecati minus! Itaque molestiae in doloremque, iste, rem temporibus atque voluptates laborum commodi, quibusdam impedit quod ipsa suscipit ratione? Dolorem, corporis tenetur tempora molestiae maxime temporibus eaque qui id impedit harum alias quae error unde voluptas assumenda possimus illum excepturi pariatur. Quaerat similique inventore sapiente nostrum aliquam, unde ea reprehenderit itaque doloremque ipsum explicabo, ab maiores consectetur a voluptate perspiciatis illo voluptatem recusandae alias natus? Dolorum, tempora? Eum dolorem tempora voluptas modi excepturi?</p>

Choose a reason for hiding this comment

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

It would be great if there was actual information about you on the page. =)

@@ -5,8 +5,47 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>

Choose a reason for hiding this comment

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

Make sure to change the title for each page. This is the text that appears in the tab in the browser.

</a>
<a href="https://github.com/kate-varinda/viewing-party" class="titlelink">project: viewing-party</a>
<p class="projectdesc">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio, architecto, soluta eius esse beatae assumenda fugit, sapiente molestias ut eos ratione! Distinctio ab amet tempora unde sed, consectetur illum illo!

Choose a reason for hiding this comment

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

It'd be great to see information about the different projects here.

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