Skip to main content

NOTICE: On Friday Nov 6, Workspaces will be temporarily unavailable for maintenance.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

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

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

  • Treehouse Logo
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
    • All Courses
    • Tracks
    • AI Bootcamp
    • College Credit
    • Techdegree Bootcamps
    • Front End Development
    • Full Stack JavaScript
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
    • Explore
    • Career Toolbox
    • Free Treehouse Near Me
    • Affiliates
    • Blog
    • Support
    • About
    • Learn
    • Beginner's Guide to Coding
    • Data Analysis with SQL & Python
    • Front-End Web Development
    • Python Programming Basics
    • Techdegree Bootcamp Overview
    • UX Design Fundamentals
    • AI Tools for Beginners
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks AI Bootcamp College Credit
  • Techdegree Bootcamps Front End Web Development Full Stack JavaScript
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Explore Career Toolbox Free Treehouse Near Me Affiliates Blog Support About
    Learn Beginner's Guide to Coding Data Analysis with SQL & Python Front-End Web Development Python Programming Basics Techdegree Bootcamp Overview UX Design Fundamentals AI Tools for Beginners
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
Loading banner... Start your free trial at Treehouse
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • 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
      • • Vibe Coding
  • Amy Tomey
    Amy Tomey
    12,847 Points

    content isn't centered, I don't know why?

    Posted January 7, 2021 6:04am by Amy Tomey
    Amy Tomey
    12,847 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • Kirt Perez
    Kirt Perez
    7,374 Points

    What's so important about using box-sizing here?

    Posted October 23, 2020 4:10am by Kirt Perez
    Kirt Perez
    7,374 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • Rafic Jouejati
    Rafic Jouejati
    14,976 Points

    Why not add box-sizing rule to normalize.css like you did for ul,ol ? thanks

    Posted July 7, 2020 3:45am by Rafic Jouejati
    Rafic Jouejati
    14,976 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • Chantal Baxter
    Chantal Baxter
    2,003 Points

    Mobile First resource is invalid link

    Posted April 27, 2020 6:05am by Chantal Baxter
    Chantal Baxter
    2,003 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • Ryan Rassoli
    Ryan Rassoli
    3,365 Points

    Mobile Content with Margin

    Posted July 1, 2019 11:29pm by Ryan Rassoli
    Ryan Rassoli
    3,365 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • Jelena Dragicevic
    PLUS
    Jelena Dragicevic
    Courses Plus Student 3,768 Points

    I am a bit confused, how do I know what exactly I can put inside the media query vs outside of it?

    Posted March 25, 2019 7:06pm by Jelena Dragicevic
    Jelena Dragicevic
    Courses Plus Student 3,768 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • sunmin yun
    sunmin yun
    2,880 Points

    Media query - Approaching Mobile Websites first ?

    Posted July 15, 2018 11:00pm by sunmin yun
    sunmin yun
    2,880 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    2 Answers

  • Lisa Weil
    Lisa Weil
    4,919 Points

    I've finished the mobile version of my website but when I go to inspect it using my dev tools it looks different.

    Posted June 14, 2018 3:15am by Lisa Weil
    Lisa Weil
    4,919 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

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

    media query

    Posted May 18, 2018 6:24am by Ramesh Kunwar
    Ramesh Kunwar
    Courses Plus Student 4,066 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    3 Answers

  • SeHyun Choi
    SeHyun Choi
    3,441 Points

    What are some good media query breaking points?

    Posted April 6, 2018 6:24pm by SeHyun Choi
    SeHyun Choi
    3,441 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    3 Answers

  • Agustin Hernandez
    Agustin Hernandez
    2,747 Points

    Why Did We Add 1000px

    Posted February 28, 2018 5:13am by Agustin Hernandez
    Agustin Hernandez
    2,747 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    3 Answers

  • Alexander B
    Alexander B
    6,453 Points

    Could someone clarify Responsive Layout and min-width?

    Posted January 9, 2018 4:58pm by Alexander B
    Alexander B
    6,453 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • asliari
    asliari
    4,178 Points

    My Breakpoints work, but not exactly on the same width that i set.

    Posted December 2, 2017 6:07pm by asliari
    asliari
    4,178 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    3 Answers

  • Stefan Cutajar
    Stefan Cutajar
    7,747 Points

    Why 1000px?

    Posted November 8, 2017 4:59pm by Stefan Cutajar
    Stefan Cutajar
    7,747 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • yannis sousanis
    yannis sousanis
    7,199 Points

    I tried this on my own and it worked when it the screen when it was small but when I full expanded it the width was 100%

    Posted October 19, 2017 9:03am by yannis sousanis
    yannis sousanis
    7,199 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • Maya Shen
    Maya Shen
    7,056 Points

    How did the .main-footer {text-align: center;} make all container centered in this page?

    Posted September 20, 2017 9:04am by Maya Shen
    Maya Shen
    7,056 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    0 Answers

  • tony kim
    tony kim
    990 Points

    after i removed width: 70% and margin: 0 auto from .container and added it to @media

    Posted August 12, 2017 12:30am by tony kim
    tony kim
    990 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    3 Answers

  • ywang04
    ywang04
    6,762 Points

    The min-width value in media query

    Posted August 3, 2017 2:12am by ywang04
    ywang04
    6,762 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • Margarita Cascante Makarova
    PLUS
    Margarita Cascante Makarova
    Courses Plus Student 3,053 Points

    How to maintain the same sizing in all screens?

    Posted May 21, 2017 8:57pm by Margarita Cascante Makarova
    Margarita Cascante Makarova
    Courses Plus Student 3,053 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    0 Answers

  • nagamani palamuthi
    nagamani palamuthi
    6,160 Points

    can someone help me understand why we use the border-box and what happens when you add padding to left and right.

    Posted August 24, 2016 12:04am by nagamani palamuthi
    nagamani palamuthi
    6,160 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    3 Answers

  • Fung How Lim
    Fung How Lim
    2,402 Points

    Adding padding 1em to base container rule instead of @media? Don't understand.

    Posted July 9, 2016 6:30am by Fung How Lim
    Fung How Lim
    2,402 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    3 Answers

  • Ben Mohammad
    Ben Mohammad
    5,659 Points

    my code dont align to the centre. why?

    Posted July 1, 2016 7:15pm by Ben Mohammad
    Ben Mohammad
    5,659 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

  • Dylan Carter
    Dylan Carter
    4,780 Points

    media query not doing anything

    Posted May 9, 2016 7:55am by Dylan Carter
    Dylan Carter
    4,780 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    3 Answers

  • Elena Paraschiv
    Elena Paraschiv
    9,938 Points

    caniuse/prefixes for border-box

    Posted March 24, 2016 1:22pm by Elena Paraschiv
    Elena Paraschiv
    9,938 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    2 Answers

  • Colton Shaw
    Colton Shaw
    12,634 Points

    Media Queries

    Posted February 11, 2016 7:13pm by Colton Shaw
    Colton Shaw
    12,634 Points
    • CSS
    • CSS Layout Basics
    • Getting Started with CSS Layout
    • Using a Mobile First Approach

    1 Answer

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

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
SEE ALL

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
SEE ALL

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
SEE ALL

About Us

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

Explore

  • Plans
  • Affiliates
  • Perks
  • Shop
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses

Treehouse is an online technology education platform founded in 2011. Treehouse offers more than 700 self-paced, video-based courses in web development, programming, data analysis, design, and AI, plus two project-based bootcamp programs in Front End Web Development and Full Stack JavaScript. Individual Treehouse plans start at $25 per month and include a 7-day free trial. Treehouse serves individual learners, businesses, schools, and public libraries. Cardholders at participating U.S. public libraries can use Treehouse for free. Select Treehouse courses, offered with University Pathways International, are recommended for college credit by ACE and NCCRS. Treehouse learners earn digital certificates for completed Tracks.

Terms & Conditions · Privacy · © 2026 Treehouse Island, Inc.
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
  • Discord