Otters - Diana M.

[mm-diana]

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?

[mm-diana]

Comprehension Questions.pdf

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, I needed to add alternative texts to images. I still have a warning about sections but I did not change it to a div tag because I thought that div tags aren't semantic html. Should these be updated to a better tag?
Why is it important to consider and use semantic HTML?
It is important for accessibility. It allows screen readers to better understand the layout of the website.
How did you decide to structure your CSS?
I structured my css by placing element selectors first then class selectors and finally ids.
What was the most challenging piece of this assignment?
Describe one area that you gained more clarity on when completing this assignment
It was difficult to use flex and grid. I had to really think about and sometimes draw out what I wanted to see before writing it out in my css file.
Optional
Did you deploy to GitHub Pages? If so, what is the URL to your website? https://arantxax28.github.io/personal-portfolio-site/

[jbieniosek]

Great work on this project Diana! Good use of semantic HTML and grid and flex layouts. I am a big fan of your design, very clean and modern looking. Nice touch with the greyscale photo links. This project is green.

[jbieniosek]

In semantic HTML, header tags should be used to indicate different sections of content, not as stylistic elements. Link

[jbieniosek]

Nice solution with nesting a grid inside a flex!

[jbieniosek]

Neat!

[jbieniosek]

I still have a warning about sections but I did not change it to a div tag because I thought that div tags aren't semantic html. Should these be updated to a better tag?

That's a great question! With display elements like this, none of the semantic tags seem to fit perfectly. The <aside> or <figure> might work better, I don't think either of them will throw an error in the validator if they don't have header tags nested inside of them the way section tags do.