-
Notifications
You must be signed in to change notification settings - Fork 816
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Jonathan Gistand - Responsive-Web-Design-II #875
base: master
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
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! 💯
align-content: column; | ||
margin: 0 auto; | ||
padding: 2% 0%; |
There was a problem hiding this comment.
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
padding-top: 12px; | ||
margin: 4rem; | ||
padding-right: 750px; |
There was a problem hiding this comment.
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 :)
|
||
.footer { | ||
display: flex; |
There was a problem hiding this comment.
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.
/* Mobile Specs */ | ||
|
||
@media (max-width: 500px) { |
There was a problem hiding this comment.
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!
No description provided.