✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

New No-Code Track! 🚀start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
    • Showing results for:
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column
    • Close
  • Samuel Kleos
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,728 Points

    Why does the button stretch past the content width without specifying any width properties?

    Posted on Nov 15, 2022 by Samuel Kleos
    .a{fill-rule:evenodd;}techdegree
    Samuel Kleos
    Front End Web Development Techdegree Student 13,728 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Phoebe Tyson
    Phoebe Tyson
    7,504 Points

    Columns display on top of each other instead of next to each other?

    Posted on Jan 5, 2022 by Phoebe Tyson
    Phoebe Tyson
    7,504 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    2 Answers

  • Preeti Thakur
    Preeti Thakur
    17,158 Points

    Couldn't we just use for the buttons display:inline-flex and flex-direction:row?

    Posted on Nov 20, 2021 by Preeti Thakur
    Preeti Thakur
    17,158 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Jasper Kop
    Jasper Kop
    10,423 Points

    why is the auto top margin moving the button down?

    Posted on May 27, 2020 by Jasper Kop
    Jasper Kop
    10,423 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    2 Answers

  • Alexei Thomas
    Alexei Thomas
    2,492 Points

    Why doesn't justify-content: flex-end work on the button?

    Posted on Aug 10, 2019 by Alexei Thomas
    Alexei Thomas
    2,492 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Truong Minh Nguyen
    Truong Minh Nguyen
    12,587 Points

    Aligning button with align-self

    Posted on Feb 5, 2019 by Truong Minh Nguyen
    Truong Minh Nguyen
    12,587 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Leo Marco Corpuz
    Leo Marco Corpuz
    18,975 Points

    Align-content

    Posted on Jul 25, 2018 by Leo Marco Corpuz
    Leo Marco Corpuz
    18,975 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • yoav green
    yoav green
    8,611 Points

    why did the self-align moved on the y axis and not the x axis?

    Posted on Jul 12, 2018 by yoav green
    yoav green
    8,611 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    2 Answers

  • Ramesh Kunwar
    PLUS
    Ramesh Kunwar
    Courses Plus Student 4,066 Points

    flex and inline-flex

    Posted on May 24, 2018 by Ramesh Kunwar
    Ramesh Kunwar
    Courses Plus Student 4,066 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • anamayfield
    anamayfield
    4,080 Points

    How did you make the entire button clickable?

    Posted on Apr 12, 2018 by anamayfield
    anamayfield
    4,080 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    2 Answers

  • Jong Kim
    Jong Kim
    6,145 Points

    how come margin-top: auto; makes item to the bottom? i just don't understand...

    Posted on Apr 5, 2018 by Jong Kim
    Jong Kim
    6,145 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    2 Answers

  • Amanda Richwalski
    Amanda Richwalski
    3,956 Points

    Footer

    Posted on Mar 27, 2018 by Amanda Richwalski
    Amanda Richwalski
    3,956 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • gene c
    gene c
    13,630 Points

    Why are the columns side-by-side even though I wrote flex-direction: column?

    Posted on Dec 29, 2017 by gene c
    gene c
    13,630 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • gene c
    gene c
    13,630 Points

    Why does margin-top: auto place the item at the bottom of the container?

    Posted on Dec 29, 2017 by gene c
    gene c
    13,630 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Charmine Amplayo
    Charmine Amplayo
    6,668 Points

    Why Justify-content: flex-end doesn't work for putting the button at the bottom?

    Posted on Dec 11, 2017 by Charmine Amplayo
    Charmine Amplayo
    6,668 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Learning Coding
    Learning Coding
    7,134 Points

    align button to the bottom

    Posted on Dec 2, 2016 by Learning Coding
    Learning Coding
    7,134 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    3 Answers

  • epmbqxxkpx
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    epmbqxxkpx
    Front End Web Development Techdegree Student 6,193 Points

    Couldn't you have also done this with align-content: space-between?

    Posted on Sep 28, 2016 by epmbqxxkpx
    .a{fill-rule:evenodd;}techdegree
    epmbqxxkpx
    Front End Web Development Techdegree Student 6,193 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    2 Answers

  • Seth Duncan
    Seth Duncan
    11,844 Points

    align-self: bottom; not viable here?

    Posted on Sep 7, 2016 by Seth Duncan
    Seth Duncan
    11,844 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    3 Answers

  • Chigozie Ofodike
    Chigozie Ofodike
    11,197 Points

    Help with flexbox

    Posted on Jul 28, 2016 by Chigozie Ofodike
    Chigozie Ofodike
    11,197 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Marcus Barnett
    Marcus Barnett
    5,687 Points

    Align-items, -self vs Justify-content

    Posted on Apr 17, 2016 by Marcus Barnett
    Marcus Barnett
    5,687 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Antonija Kasum
    Antonija Kasum
    4,918 Points

    Auto value

    Posted on Feb 18, 2016 by Antonija Kasum
    Antonija Kasum
    4,918 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    4 Answers

  • Dawson Beggs
    Dawson Beggs
    274 Points

    Flexbox background images & text overlay

    Posted on Feb 12, 2016 by Dawson Beggs
    Dawson Beggs
    274 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    2 Answers

  • Mike Constantino
    Mike Constantino
    12,034 Points

    Difference between align-self: flex-start and margin-right: auto in this situation?

    Posted on Jan 24, 2016 by Mike Constantino
    Mike Constantino
    12,034 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • XIN FANG ZHONG
    XIN FANG ZHONG
    10,149 Points

    Aligning Items to the Bottom of a Column in Two Column

    Posted on Dec 13, 2015 by XIN FANG ZHONG
    XIN FANG ZHONG
    10,149 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    0 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.