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

Join our Live Career-Building Workshop: Launch Your Tech-Adjacent Career! ⭐ Register here!

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

Curious which AI tools Treehouse developers love? ⚙️ Check them out!

🫡 Treehouse for Military offers discounts to Veterans, service members and their families!

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • 100 Days of Code
    • Live Sessions
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
  • 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
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • 100 Days of Code Live Sessions Code Adventures Discord Forum Success Stories Treehouse Links
  • 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
      • • 21st Century Skills
      • • AI
      • • Android
      • • APIs
      • • Business
      • • C#
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Equity, Diversity, and Inclusion (EDI)
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • PHP
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
  • Opeyemi Odewale
    Opeyemi Odewale
    5,019 Points

    Next, add a background-image property and define a linear gradient function as the value.

    Posted June 15, 2024 10:37pm by Opeyemi Odewale
    Opeyemi Odewale
    5,019 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Drew Woodhouse
    Drew Woodhouse
    12,780 Points

    Set the second color stop's position to 90%. Then, add the value that sets the gradient direction from bottom to top.

    Posted October 26, 2023 4:40pm by Drew Woodhouse
    Drew Woodhouse
    12,780 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Javi Caballero
    Javi Caballero
    7,422 Points

    Set the second color stop's position to 90%. Then, add the value that sets the gradient direction from bottom to top.

    Posted May 7, 2022 5:07pm by Javi Caballero
    Javi Caballero
    7,422 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Jonah Tibbetts
    Jonah Tibbetts
    1,716 Points

    what is stop

    Posted January 27, 2022 7:10pm by Jonah Tibbetts
    Jonah Tibbetts
    1,716 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Jonah Tibbetts
    Jonah Tibbetts
    1,716 Points

    how to stop

    Posted January 27, 2022 7:06pm by Jonah Tibbetts
    Jonah Tibbetts
    1,716 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Seth Cardoza
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Seth Cardoza
    Front End Web Development Techdegree Student 2,881 Points

    Stuck!

    Posted October 13, 2021 5:01pm by Seth Cardoza
    .a{fill-rule:evenodd;}techdegree
    Seth Cardoza
    Front End Web Development Techdegree Student 2,881 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Brett Kiger
    Brett Kiger
    1,713 Points

    There has to be a bug on task 4. I have done it EXACTLY as it's asked and it will not let me move on.

    Posted September 29, 2021 5:21pm by Brett Kiger
    Brett Kiger
    1,713 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    2 Answers

  • Ricky Redman
    Ricky Redman
    7,520 Points

    bottom to top

    Posted July 26, 2021 9:09pm by Ricky Redman
    Ricky Redman
    7,520 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Ashley Hayami
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Ashley Hayami
    Full Stack JavaScript Techdegree Student 1,752 Points

    I can't get a rule to work on this for #2.

    Posted July 22, 2021 7:02am by Ashley Hayami
    .a{fill-rule:evenodd;}techdegree
    Ashley Hayami
    Full Stack JavaScript Techdegree Student 1,752 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Claudia Carranza
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Claudia Carranza
    Full Stack JavaScript Techdegree Student 7,986 Points

    task 2 not correct: i entered background-image: linear-gradient(red, orange); and it is incorrect. what is wrong?

    Posted June 10, 2021 2:38am by Claudia Carranza
    .a{fill-rule:evenodd;}techdegree
    Claudia Carranza
    Full Stack JavaScript Techdegree Student 7,986 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Destiny Simmons
    Destiny Simmons
    4,237 Points

    Set color to steelblue?

    Posted June 8, 2021 4:09pm by Destiny Simmons
    Destiny Simmons
    4,237 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Hugo Zaanen
    Hugo Zaanen
    11,897 Points

    linear-gradient

    Posted May 10, 2021 8:16am by Hugo Zaanen
    Hugo Zaanen
    11,897 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Alana Warson
    Alana Warson
    5,296 Points

    create a new rule that targets .main-header

    Posted March 3, 2021 5:50pm by Alana Warson
    Alana Warson
    5,296 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    1 Answer

  • Clare Yeadon
    Clare Yeadon
    5,553 Points

    Why does the system not recognize my first color stop color in the last part of the challenge?

    Posted January 23, 2021 9:25pm by Clare Yeadon
    Clare Yeadon
    5,553 Points
    • CSS
    • Enhancing Design with CSS
    • Finishing Touches
    • CSS Gradients

    2 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
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2024 Treehouse Island, Inc.