Skip to content

Jonathan Gistand - Responsive-Web-Design-II#875

Open
JonathanGis wants to merge 1 commit into
bloominstituteoftechnology:masterfrom
JonathanGis:master
Open

Jonathan Gistand - Responsive-Web-Design-II#875
JonathanGis wants to merge 1 commit into
bloominstituteoftechnology:masterfrom
JonathanGis:master

Conversation

@JonathanGis

Copy link
Copy Markdown

No description provided.

@lolax lolax left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Really nice work on this project, Jonathan! I left a few comments pointing towards potential improvements below. You've demonstrated a solid understanding of responsive design. Keep it up! 💯

Comment thread css/index.css
justify-content: space-around;
align-content: column;
margin: 0 auto;
padding: 2% 0%;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Try to avoid using percentages for vertical (top & bottom) padding or margins because screen size is generally dictated by its width

Comment thread css/index.css
align-content: flex-start;
padding-top: 12px;
margin: 4rem;
padding-right: 750px;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

On the converse, try to use percentages for left-right padding/margins so that they scale with screen size :)

Comment thread css/index.css
}

.footer {
display: flex;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

It's a technical necessity and in this case it's a small difference, but I encourage you to try to use consistent spacing to make your code easier for you and others to read.

Comment thread css/index.css

/* Mobile Specs */

@media (max-width: 500px) {

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 work on both your breakpoints!

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