Skip to content

Conversation

@hanalways
Copy link

Startrly

Congratulations! You're submitting your assignment.

Comprehension Questions

Feature Feedback
How are CSS Grid & Flexbox similar They both can lay out content in cross directions.
Give one example where you choose Flexbox over Grid I chose Flexbox as a container for the entire layout.
Where did you choose to use CSS Grid and why did you make that decision I used CSS grid when building navigation and footer elements.
What was the hardest part of this assignment, and why was it difficult The concept of DRY is hard to apply to CSS as it feels like each ruleset is so specific to one individual aspect of the content. Harder to think about things in larger perspective and not micromanage styles.
What concept did you get the most clarity on through Startrly? The difference between content and styles.

Copy link

@minams minams left a comment

Choose a reason for hiding this comment

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

Hana - you did an amazing job! I really enjoyed looking at the various ways you approached changing specific things. The choices you made are really clear and really easy to follow. I also looooved the background color you applied -- very soft on the eyes! This looks amazing! A+++++!!!

<section class="menu">
<div>
<h3>Support</h3>
<ul>
Copy link

Choose a reason for hiding this comment

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

I like how you organized and segmented each portion of the HTML.

justify-content: center;
background-color: #CDD6DD;
}

Copy link

Choose a reason for hiding this comment

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

Love the color!

<div>
<body class="pagecontainer">
<div class="container">

Copy link

Choose a reason for hiding this comment

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

Good differentiating between the classes here. I like how you used names that are specific and understandable!

text-decoration: none;
color: black;
}

Copy link

Choose a reason for hiding this comment

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

This is such a cool thing you did here and a great way to showcase different ways of approaching targeting items.

display: grid;
grid-template-areas: "a b c";
}

Copy link

Choose a reason for hiding this comment

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

I like your template areas!


.quote p:before {
content: "--";
}
Copy link

Choose a reason for hiding this comment

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

Thanks for showing me how to do this!!

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