Skip to content

Instantly share code, notes, and snippets.

@astout

astout/thinkful_css.md

Last active October 7, 2018 19:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save astout/ef55c48342cd377ca1888e761d6507f6 to your computer and use it in GitHub Desktop.
Save astout/ef55c48342cd377ca1888e761d6507f6 to your computer and use it in GitHub Desktop.
Download ZIP
Thinkful CSS Response
Raw
thinkful_css.md

CSS

Hi student,

No sweat. You're so close! It looks like you're not using flexbox which is definitely the recommended way to layout and center content. I'm going to give you a couple pieces because you're pretty much there. First, notice your pricing element is overflowing. This is because you're unnecessarily providing width: 100%, let's let the defaults handle the width here and remove that, width: 100%. This will allow the width of pricing to fill its parent without regard for the width of its own child content. Next, let's use flexbox by adding display: flex to your pricing element.

And voilà ! That should render your .pricing-tiers within the .pricing element. Does this look how it should? Definitely play around a bit with flexbox and let me know if you have anymore questions!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment