Check out our new React Components course!
  • Home
  • Free Trial
  • Sign In
  • Techdegree
  • Tracks
  • Library
  • Community
  • Support
  • Jobs
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • 21st Century Skills
      • • Android
      • • APIs
      • • Business
      • • C#
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Equity, Diversity, and Inclusion (EDI)
      • • Go
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • PHP
      • • Python
      • • Quality Assurance
      • • Ruby
      • • Security
  • Phoebe Tyson
    Phoebe Tyson
    7,504 Points

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

    Posted January 5, 2022 5:03pm 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

  • Sorin Chircu, SC OSF GLOBAL SERVICES SRL Calea Plevnei nr.159, Sector 6, 060014, Bucuresti. VAT: RO12900448
    Sorin Chircu, SC OSF GLOBAL SERVICES SRL Calea Plevnei nr.159, Sector 6, 060014, Bucuresti. VAT: RO12900448
    15,956 Points

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

    Posted November 20, 2021 10:53pm by Sorin Chircu, SC OSF GLOBAL SERVICES SRL Calea Plevnei nr.159, Sector 6, 060014, Bucuresti. VAT: RO12900448
    Sorin Chircu, SC OSF GLOBAL SERVICES SRL Calea Plevnei nr.159, Sector 6, 060014, Bucuresti. VAT: RO12900448
    15,956 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    1 Answer

  • Luke Duffy
    Luke Duffy
    4,808 Points

    Button overlapping container when I change the browser to mobile view

    Posted July 18, 2020 6:03am by Luke Duffy
    Luke Duffy
    4,808 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Aligning Items to the Bottom of a Column

    0 Answers

  • Jasper Kop
    Jasper Kop
    9,058 Points

    why is the auto top margin moving the button down?

    Posted May 27, 2020 11:13am by Jasper Kop
    Jasper Kop
    9,058 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 August 10, 2019 11:12pm 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,575 Points

    Aligning button with align-self

    Posted February 5, 2019 8:09pm by Truong Minh Nguyen
    Truong Minh Nguyen
    12,575 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 July 25, 2018 6:35am 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 July 12, 2018 11:11pm 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 May 24, 2018 1:42pm 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 April 12, 2018 7:18pm 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 April 5, 2018 5:58am 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 March 27, 2018 2:31pm 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 December 29, 2017 8:47am 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 December 29, 2017 8:25am 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 December 11, 2017 3:28am 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 December 2, 2016 3:38pm 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 September 28, 2016 1:39am 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 September 7, 2016 3:30pm 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 July 28, 2016 7:29pm 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 April 17, 2016 7:32pm 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 February 18, 2016 11:19am 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 February 12, 2016 10:40pm 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 January 24, 2016 2:10am 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 December 13, 2015 6:58am 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

  • Perks
  • Treehouse for Libraries
  • Treehouse for Teams
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2022 Treehouse Island, Inc.