• Home
  • Free Trial
  • Sign In
  • Techdegree
  • Tracks
  • Library
  • Community
  • Support
    • 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
  • Marquis Briggs
    Marquis Briggs
    2,840 Points

    Change the display of .main-list to the display value that generates a block element that doesn't take up a full line.

    Posted January 21, 2021 1:27pm by Marquis Briggs
    Marquis Briggs
    2,840 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

  • Lydia Smith
    Lydia Smith
    1,120 Points

    CSS Challenge Task 2 of 3

    Posted January 20, 2021 11:27pm by Lydia Smith
    Lydia Smith
    1,120 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    2 Answers

  • Geovani Estacio
    Geovani Estacio
    1,082 Points

    I am stuck in this one, not sure what I am suppose to be doing?

    Posted January 20, 2021 7:46pm by Geovani Estacio
    Geovani Estacio
    1,082 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

  • Geovani Estacio
    Geovani Estacio
    1,082 Points

    .main-list li { display: inline-block; }

    Posted January 19, 2021 1:52pm by Geovani Estacio
    Geovani Estacio
    1,082 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    2 Answers

  • Clare Yeadon
    Clare Yeadon
    2,362 Points

    Display:

    Posted January 17, 2021 6:36pm by Clare Yeadon
    Clare Yeadon
    2,362 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    2 Answers

  • Larissa Ragland
    Larissa Ragland
    3,309 Points

    Display the list items inside .main-list side by side. Use the display value that generates a block element that flows w

    Posted January 17, 2021 10:39am by Larissa Ragland
    Larissa Ragland
    3,309 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    2 Answers

  • Larissa Ragland
    Larissa Ragland
    3,309 Points

    Display the list items inside .main-list side by side. Use the display value that generates a block element that flows w

    Posted January 17, 2021 10:39am by Larissa Ragland
    Larissa Ragland
    3,309 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

  • Larissa Ragland
    Larissa Ragland
    3,309 Points

    Make sure you're selecting the class 'main-list'.

    Posted January 17, 2021 10:38am by Larissa Ragland
    Larissa Ragland
    3,309 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    0 Answers

  • enrico bonadiman
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    enrico bonadiman
    Front End Web Development Techdegree Student 2,629 Points

    wrapping text around an image on css

    Posted January 15, 2021 10:03pm by enrico bonadiman
    .a{fill-rule:evenodd;}techdegree
    enrico bonadiman
    Front End Web Development Techdegree Student 2,629 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Float

    1 Answer

  • Larissa Ragland
    Larissa Ragland
    3,309 Points

    keeps asking me to Use a descendant selector to target <li> elements inside .main-nav.

    Posted January 14, 2021 12:44am by Larissa Ragland
    Larissa Ragland
    3,309 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

  • Chelsea Chosta
    Chelsea Chosta
    2,335 Points

    Make sure you're using the correct 'display' value.

    Posted January 11, 2021 10:10pm by Chelsea Chosta
    Chelsea Chosta
    2,335 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    2 Answers

  • Ryan Myers
    Ryan Myers
    3,532 Points

    says that I am not targeting list items inside .main-list?

    Posted January 11, 2021 7:08pm by Ryan Myers
    Ryan Myers
    3,532 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    2 Answers

  • Larissa Ragland
    Larissa Ragland
    3,309 Points

    position: sticky; top: 0;

    Posted January 11, 2021 5:42pm by Larissa Ragland
    Larissa Ragland
    3,309 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Positioning Elements

    1 Answer

  • Larissa Ragland
    Larissa Ragland
    3,309 Points

    yes it me again i am not sure why this isn't working.

    Posted January 11, 2021 3:23pm by Larissa Ragland
    Larissa Ragland
    3,309 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

  • Ulyssa Sneed
    Ulyssa Sneed
    3,182 Points

    lock-level element by default, so it takes up its container's full width. Set .main-list to be as wide as content???

    Posted January 11, 2021 6:49am by Ulyssa Sneed
    Ulyssa Sneed
    3,182 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    2 Answers

  • Ulyssa Sneed
    Ulyssa Sneed
    3,182 Points

    got the items inside .main-list side by side but still cant pass challenge??!!!

    Posted January 11, 2021 6:23am by Ulyssa Sneed
    Ulyssa Sneed
    3,182 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

  • Eric Shanks
    Eric Shanks
    3,285 Points

    Set .main-list to be as wide as the content inside it.

    Posted January 10, 2021 10:20pm by Eric Shanks
    Eric Shanks
    3,285 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

  • Eric Shanks
    Eric Shanks
    3,285 Points

    The <ul> with the class main-list is a block-level element by default, so it takes up its container's full width. Set .m

    Posted January 10, 2021 10:06pm by Eric Shanks
    Eric Shanks
    3,285 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

  • Hannah Gray
    Hannah Gray
    2,318 Points

    Next, give .logo a top offset of -45px and a left offset of 20px.

    Posted January 10, 2021 6:29pm by Hannah Gray
    Hannah Gray
    2,318 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Positioning Elements

    1 Answer

  • Kelinia Johnson
    Kelinia Johnson
    2,848 Points

    how to I use float or the image?

    Posted January 10, 2021 7:12am by Kelinia Johnson
    Kelinia Johnson
    2,848 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Float

    2 Answers

  • Ben Risinger
    Ben Risinger
    3,012 Points

    Create a new rule that targets the img element. Add the property and value that takes the image out of the normal page f

    Posted January 10, 2021 1:40am by Ben Risinger
    Ben Risinger
    3,012 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Float

    1 Answer

  • Thea Partin
    Thea Partin
    3,292 Points

    How does this not work? .small-img{ float: right; }

    Posted January 9, 2021 9:13pm by Thea Partin
    Thea Partin
    3,292 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Float

    1 Answer

  • PAUL NANNEY
    PAUL NANNEY
    8,995 Points

    Basically, please help me solve this, GOD bless, , b, PAUL JORDAN NANNEY

    Posted January 9, 2021 3:37am by PAUL NANNEY
    PAUL NANNEY
    8,995 Points
    • CSS
    • CSS Layout
    • CSS Layout Techniques
    • Display

    1 Answer

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

Treehouse Logo
Our mission is to bring affordable technology education to people everywhere in order to help them achieve their dreams and change the world.
Company
Careers
Contact
Library
Tracks
Community
Stories
Perks
Affiliate Program
Treehouse for Libraries
Topics
HTML
CSS
Design
JavaScript
Ruby
View all 24 Topics
Tracks
Front End Web Development
Full Stack JavaScript
Beginning Python
UX: Interaction Design
Digital Literacy
View all 41 Tracks
  • Twitter
  • YouTube
  • FaceBook
  • LinkedIn
  • Instagram
  • About Treehouse
  • Blog
  • Shop
  • Privacy Policy
  • Terms & Conditions
  • © 2021 Treehouse Island, Inc.