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

Cheetahs - Alyssa R. #112

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

Cheetahs - Alyssa R. #112

wants to merge 16 commits into from

Conversation

alyalyaly18
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. The issues seemed minor for the most part. One issue was having following a
. And then missing "alt" within .
Why is it important to consider and use semantic HTML?
I think it makes reading the code easier and cleaner. Also for accessiblity.
How did you decide to structure your CSS?
I looked at a number of portfolio websites from different artists, designers and web developers. I had a couple iterations that I drafted out.
I also looked at the structure of CSS naming with using class and id of multiple web pages to work on my organization.
What was the most challenging piece of this assignment?
It seemed like a lot of guess and checking. Minor tweaks here and there until I got the layout closest to what I wanted.
I would try multiple things and either it would not work or look completely different than I expect.
Pretty frustrating but overall I enjoyed it!
Describe one area that you gained more clarity on when completing this assignment
Definitely the structure of css. Seeing how other developers organized their layout was the most helpful.
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website?
alyalyaly18.github.io

Copy link

@jbieniosek jbieniosek left a comment

Choose a reason for hiding this comment

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

Great work on this project Alyssa! This project is green.

</div>
</div>
<!-- Content -->
<div class="container">

Choose a reason for hiding this comment

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

I recommend using a semantic tag like <main> here:

Suggested change
<div class="container">
<main class="container">

Comment on lines 11 to +12
<body>

<section class="page">

Choose a reason for hiding this comment

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

The <section> tag is not super well defined, it's intended for "sections of a document", but generally it's used with the <article> tag to group text content. In this case, where you're wrapping the entire page in a section, I recommend pulling the class up to the <body> tag and removing the <section>:

<body class="page">

Comment on lines +5 to +8
.container ul {
display: flex;
flex-wrap: nowrap;
}

Choose a reason for hiding this comment

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

👍

@@ -0,0 +1,43 @@
.portfolio {
display: grid;

Choose a reason for hiding this comment

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

Nice use of grid!

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