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

Tigers Kindra Greenawalt #39

Open
wants to merge 24 commits into
base: main
Choose a base branch
from
Open

Tigers Kindra Greenawalt #39

wants to merge 24 commits into from

Conversation

kkgre257
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?
Why is it important to consider and use semantic HTML?
How did you decide to structure your CSS?
What was the most challenging piece of this assignment?
Describe one area that you gained more clarity on when completing this assignment
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website?

@kkgre257
Copy link
Author

styling finished for all pages, note the project buttons in portfolio are not linked anywhere yet though.

Copy link
Contributor

@spitsfire spitsfire left a comment

Choose a reason for hiding this comment

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

Nice job, Kindra! Your HTML looked very good!

Things to consider:

  • Some of your css files had repeated styling, like * {margin:0;padding:0;}. We could create a default css file that contains all the styling that would be seen on every html file. Then create a css file that is specific to each html file.
  • Some tags could be combined together to shorten repeated styling rules.

@@ -0,0 +1,107 @@
* {margin:0;padding:0;}
Copy link
Contributor

Choose a reason for hiding this comment

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

While we can do this, let's stay consistent with the rest of our css:

*{
    margin:0;
    padding:0;
}

@@ -0,0 +1,107 @@
* {margin:0;padding:0;}

.container{
Copy link
Contributor

Choose a reason for hiding this comment

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

Great job using css grid! 👍

background-color: darkgray;
grid-column: 1/3;
grid-row: 1/2;
display: flex;
Copy link
Contributor

Choose a reason for hiding this comment

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

Great! Glad you see that we can combine flexbox and grid inside each other!

Comment on lines +40 to +47
a:link{
text-decoration: none;
color: lightgray;
}
a:visited{
text-decoration: none;
color: lightgray;
}
Copy link
Contributor

Choose a reason for hiding this comment

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

Hmm could we combine these, so we aren't repeating styling?

a:link,
a:visited{
    text-decoration: none;
    color: lightgray;
}

about.html Outdated
Comment on lines 40 to 47
<br><br>I have a passion for continuous learning, process improvement, and coupling analytics with creativity to solve problems.
After completing my first course with SheCodes I found software engineering and web development fused my passions beautifully and became addicted!
<br><br> The learning didn't stop there, I'm now a proud C18 Adie with Ada Developers Academy graduating in August 2023.
Check out some of my projects, linked in my portfolio, to see what i've learned along the way.
</p>
</section>

<div class="image">
Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe we can call this a section instead of a div

Comment on lines +94 to +96
/* display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr; */
Copy link
Contributor

Choose a reason for hiding this comment

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

Let's get rid of this:

Suggested change
/* display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr; */

}

.project-description{
/* grid-column: 1/2; */
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
/* grid-column: 1/2; */

It is a landing page made from scratch incorporating a user interaction.</p>
<button>Load Project</button>
</div>
<!-- <img class ="image" src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/054/258/original/Screen_Shot_2022-11-17_at_10.15.40_AM.png?1668698584" alt="SheCodes weather app project"> -->
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<!-- <img class ="image" src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/054/258/original/Screen_Shot_2022-11-17_at_10.15.40_AM.png?1668698584" alt="SheCodes weather app project"> -->

</p>
<button>Load Project</button>
</div>
<!-- <img class ="image" src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/054/253/original/Screen_Shot_2022-11-17_at_10.00.42_AM.png?1668697475" alt="SheCodes weather app project"> -->
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<!-- <img class ="image" src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/054/253/original/Screen_Shot_2022-11-17_at_10.00.42_AM.png?1668697475" alt="SheCodes weather app project"> -->

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