Turning in 2.1 on July 8, 2015 #1
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
… just need to replace the beer images and make the website responsive for tablets/phones.
…to figure out how to make the 'p' section smaller so things will fit better on the page.
6 tasks
| } | ||
| .beer { | ||
| width:33%; | ||
| display: inline-block; |
There was a problem hiding this comment.
When using display: inline-block look at this article: https://css-tricks.com/what-is-vertical-align/.
Right now your grid items are different heights and that is why you have the jumping up and down.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
I actually found the beginning of this project to be simple once I got the spacing right. I still had trouble spacing things on the responsive end, though. I need to work on spacing and how to get things inline, centered, etc.