Skip to content

Branches, C. Gutierrez#32

Open
CEsGutierrez wants to merge 11 commits into
Ada-C12:masterfrom
CEsGutierrez:master
Open

Branches, C. Gutierrez#32
CEsGutierrez wants to merge 11 commits into
Ada-C12:masterfrom
CEsGutierrez:master

Conversation

@CEsGutierrez

Copy link
Copy Markdown

Startrly

Congratulations! You're submitting your assignment.

Comprehension Questions

Question Answer
Describe a time you chose to use flexbox I used it in the Sponsor display.
Describe a time you chose to use CSS Grid I used it with the Meet The Team section... And most other sections.
What was a challenge you overcame in this project? Understanding selectors was challenging.
What concept did you get the most clarity on through Startrly? How to make rounded corners.

Comment thread styles/normalize.css
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

@Kalakalot Kalakalot Sep 20, 2019

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

These notes are really helpful for determining what your code is doing and your intent

Comment thread index.html
<img src="http://via.placeholder.com/100x100" />
<ul class=reasons-content>
<li id=reason-1>
<img src="http://via.placeholder.com/100x100" />

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

You could save yourself some work by doing this fewer sub-elements. It is possible to get this layout with just a container and one child class ...

Comment thread styles/styles.css

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

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

An elegant and effective solution to a problem I wasn't able to solve. Nice.

Comment thread styles/styles.css

.team-container h2{
text-align: center;
font-size: 18px;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Devin has advised against using pixels for anything except tiny (like 1px) borders -- she says otherwise use em or percentages. I don't feel like I have enough knowledge to have a strong opinion about this but it's worth considering.

Comment thread styles/styles.css
text-align: center;
display: block
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Nice implementation of a very tricky layout problem!

Comment thread styles/styles.css
height: 4em;
width: 8.8em;
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Given these images, this is exactly how I would want them to resize.

Comment thread styles/styles.css
#about{
grid-column: 3/4;
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Your site is goals for me! Really nice work. I looked at a lot of classmates' sites yesterday and yours is by far the most polished and professional looking. If you are interested in front end development I bet you would be a natural.

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