Skip to content

Leaves- Georgina #45

Open
geomsb wants to merge 1 commit intoAda-C12:masterfrom
geomsb:master
Open

Leaves- Georgina #45
geomsb wants to merge 1 commit intoAda-C12:masterfrom
geomsb:master

Conversation

@geomsb
Copy link

@geomsb geomsb commented Sep 20, 2019

Startrly

Congratulations! You're submitting your assignment.

Comprehension Questions

Question Answer
Describe a time you chose to use flexbox I tried to use it but It was very complicated so I used Grid
Describe a time you chose to use CSS Grid I used Grid in everything
What was a challenge you overcame in this project? It was very difficult to organize the information!
What concept did you get the most clarity on through Startrly? Grid!

@geomsb geomsb changed the title startrly Leaves- Georgina Sep 20, 2019
Copy link

@mfunkemomo mfunkemomo left a comment

Choose a reason for hiding this comment

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

Wonderful! I can learn a lot about grid from your code (I may it as reference later hehehe). Definitely give flexbox a try in future projects. It'll help when you need to wrap items for mobile view!

<h1>Startrly</h1>
<sub>A catchy tagline for a great solution</sub>
<sub class="phrase">A catchy tagline for a great solution</sub>
<div class="button">

Choose a reason for hiding this comment

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

Nice! This makes it clear that it's a button.

<span>CIO</span>
</li>
<li>
<li id=charles>

Choose a reason for hiding this comment

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

Missing quotes but I love how you gave every person an id.



<section>
<section class="section8">

Choose a reason for hiding this comment

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

I noticed you gave sections an id and called it 'section#'. I think it'd be more meaningful to name each section based on what it is.

font-family: Arial, Helvetica, sans-serif;
}

.general {

Choose a reason for hiding this comment

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

I love this! You broke the entire page down into sections so it would be easier to use later.

}
.section2 {
grid-row-start: 2;
background-image: url("background.jpg");

Choose a reason for hiding this comment

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

Beautiful!


.section4 .types .text-image {
display: grid;
grid-template-columns: repeat(2, 1fr);

Choose a reason for hiding this comment

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

Nice use of repeat!

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