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

Marlyn's Personal Portfolio Site #87

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

Conversation

marlopez24
Copy link

@marlopez24 marlopez24 commented May 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 a lot in certain parts where I had a heading element for a title but it couldn't be used with a certain html tag. I ended up changing some of my semantic html tags for just div.
Why is it important to consider and use semantic HTML? It's important so that people understand what each part of the code is working with.
How did you decide to structure your CSS? At first I wanted to keep it organized and started created my css based on the contents at the top to the bottom, but then when I had to make changes, I felt like my css went all over the place.
What was the most challenging piece of this assignment? The most challenging part was grid and flex, figuring out how they work and which ones to use. Also figuring out the correct html structure was a bit challenging.
Describe one area that you gained more clarity on when completing this assignment Flex and grid made more sense to me towards the end! I didn't really know what was going on and then as I was working with them both, it made more sense.
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website? (https://marlopez24.github.io/personal-portfolio-site/)

Copy link

@kaidamasaki kaidamasaki left a comment

Choose a reason for hiding this comment

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

I left a few style notes but overall everything looks pretty good.

Well done!

<h2>Background</h2>
</header>
<main>
<div class="back-color">

Choose a reason for hiding this comment

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

Style: back-color isn't a good class name, since it doesn't convey any semantic meaning here. If you changed the styles for your back-color class then you might need to rename it.

</header>
<main>
<div class="back-color">
<h1>Interests</h1>

Choose a reason for hiding this comment

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

Style: Your heading tags h1, h2, etc should allow you to construct an accurate table of contents.

It looks like you used a h1 here just to make the text larger, which is better accomplished with CSS.

</nav>

<header class="header">
<h2>Background</h2>

Choose a reason for hiding this comment

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

Style: Since this is the page title it should be a h1.

Comment on lines +30 to +36
<div class="my-info">
<p id="text">
Hi! My name is Marlyn Lopez.
I am an aspiring software developer residing in the West Coast with a background in audio production.
Please click <a id="link" href="about.html">here </a> if you're curious to know more!
</p>
</div>

Choose a reason for hiding this comment

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

Style: This div is unnecessary since there's nothing else inside of main.

In general (if you have time) it's good to do a cleanup pass to see if you can eliminate any elements that aren't meaingful like divs.

<h2>Welcome Page
</h2>
</header>
<div class="main-page-content">

Choose a reason for hiding this comment

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

Style: your main page content should go inside of the main tag.

Comment on lines +28 to +32
<h6>While at Ada Developers Academy, I was able to work on a variety of projects, such as
"Viewing Party", where I had to work with nested data structures to obtain data for a group of friends. "Swap Meet" was an object oriented based program where I created a program to allow groups to find certain items they preferred and swap them with each other.
The most recent project, "Task-List-API" was a back end project where I used SQLAlchemy, Flask, and Python to create an API with RESTful routes for tasks and goals.
I also just learned about HTML and CSS, which is how I was able to create this website!
</h6>

Choose a reason for hiding this comment

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

Style: This is another place where it looks like you used a heading tag just for font sizing. Again, CSS would better accomplish this. (You could simply put a class on your article tag and style that.

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