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

Richelle (Water) - portfolio #34

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

Conversation

r-spiel
Copy link

@r-spiel r-spiel commented Oct 26, 2020

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? No, but it did not like how I formatted my request for multiple google fonts, but it does work with the
Why is it important to consider and use semantic HTML? . HTML is so important for organizing the information in your site. It is very important for accessibility and screen readers as well.
How did you decide to structure your CSS? . I used mostly flex boxes, and the greater container which is one flex column, and also inside the the header and footer. I find flexbox is so nice for formatting 1 row and getting nice spacing between the elements (space around and space between).
What was the most challenging piece of this assignment? . CSS can feel tricky to work with because it is hard to know why something is not working the way you expect it. Initially I many problems with my footer - it was 10 pixels wider than all my other elements... Ansel helped me look at it and I remembered from the box-model lesson that there was a resource about this - before I used the box-sizing: border-box, when I added padding to my footer it ended up adding that padding to the entire width of the footer. I could fix this by using border-box. yay! Then I had issues getting the footer to stick to the bottom, so I put the entire page into a 1 column flexbox with the body height at 100%.
Describe one area that you gained more clarity on when completing this assignment . The box model and using box-sizing: border-box! This was crucial for me and fixed a lot of the issues I had when I was trying to teach myself HTML & CSS by myself last year. I still need more practice using grid and especially using grid in tandem with flex-box, but I feel like I am getting more comfortable with the idea of doing this.
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website? . not yet, I still have my old code on richellespiel.com but I will copy this over there soon.

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.

1 participant