Skip to content

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;
}

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