Ports Myriam

[MyriamWD]

Startrly

Congratulations! You're submitting your assignment.

Comprehension Questions

Feature	Feedback
How are CSS Grid & Flexbox similar	They allow sectioning of a HTML
Give one example where you choose Flexbox over Grid	"why" section because Flexbox makes it easier to distribute elements
Where did you choose to use CSS Grid and why did you make that decision	I divided the whole page with grid... not my favorite.
What was the hardest part of this assignment, and why was it difficult	I did not dedicate as much time as I would have liked to and I stumbled around a lot. My biggest frustration is knowing what I have to do specifically and not remembering how to do it. I had a hard time choosing how to divide the container.
What concept did you get the most clarity on through Startrly?	I really like flexbox and I am definitely going to use it more.

[shubha-rajan]

Hi Myriam! I know you didn't have the chance to finish, but from what I see, you're on the right track. A few things:

First, I love how specific your selectors are (using ids instead of classes, specifying the nesting of an element, etc. This is a good habit to have when you want to avoid unexpected weird things happening to new content you might add to the page when updating it later.

That being said, it's ok to use the more general class and element selectors for things that you for the most part want to do across the page. One really good example is removing the bullets from your unordered lists. On this page, you removed them from every ul, so to DRY up your code, you can just declare that all uls will have list-style-none. If you do eventually need a bulleted list, you can add the bullets back for that specific class or id. A good case for using classes are when two things have mostly the same styling. The quotes are a good example of this. They have almost the same styling (except for their grid-area), so you can make a quote class and do most of the styling there, and use the ids only for assigning them their specific grid area.

Can't wait to see what this looks like when you're finished!

[shubha-rajan]

great use of named areas here. this can be super helpful when wrapping your head around complex grid layouts.

[shubha-rajan]

did you mean to put flex-wrap here? usually flex-wrap lives in whatever ruleset display:flex lives.

[shubha-rajan]

it looks like you're using this flexbox to center the text. can i suggest throwing a justify-content:center in here?

[shubha-rajan]

love the specificity here!