Treehouse | Community | CSS Gradients

🤑 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!

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

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
1 Answer
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
1 Answer
Lucan Greg
484 Points
How we lost -4px margin?

Posted June 11, 2023 7:56am by Lucan Greg

Lucan Greg
484 Points
1 Answer
Jason Veiga
Front End Web Development Techdegree Graduate 12,347 Points
Issues on putting images side by side.

Posted November 28, 2022 11:58pm by Jason Veiga

Jason Veiga
Front End Web Development Techdegree Graduate 12,347 Points
1 Answer
Samuel Kleos
Front End Web Development Techdegree Student 13,307 Points
Not very clear about the colour stops.

Posted November 12, 2022 6:04am by Samuel Kleos

Samuel Kleos
Front End Web Development Techdegree Student 13,307 Points
1 Answer
PLUS

Stephen Cole
Courses Plus Student 15,809 Points
Instead of calc() why not just shrink the column width to 45%?

Posted July 7, 2022 3:46am by Stephen Cole

Stephen Cole
Courses Plus Student 15,809 Points
1 Answer
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
1 Answer
Jonah Tibbetts
1,716 Points
what is stop

Posted January 27, 2022 7:10pm by Jonah Tibbetts

Jonah Tibbetts
1,716 Points
1 Answer
Jonah Tibbetts
1,716 Points
how to stop

Posted January 27, 2022 7:06pm by Jonah Tibbetts

Jonah Tibbetts
1,716 Points
1 Answer
Seth Cardoza
Front End Web Development Techdegree Student 2,881 Points
Stuck!

Posted October 13, 2021 5:01pm by Seth Cardoza

Seth Cardoza
Front End Web Development Techdegree Student 2,881 Points
1 Answer
karan Badhwar
Web Development Techdegree Graduate 18,135 Points
margin problem

Posted October 3, 2021 11:55pm by karan Badhwar

karan Badhwar
Web Development Techdegree Graduate 18,135 Points
1 Answer
karan Badhwar
Web Development Techdegree Graduate 18,135 Points
Did not understand it

Posted October 3, 2021 8:08pm by karan Badhwar

karan Badhwar
Web Development Techdegree Graduate 18,135 Points
1 Answer
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
2 Answers
James Croxford
12,723 Points
Between screen pixel widths of 940px and 925px (inclusive) my two columns fall out of alignment- why?

Posted July 29, 2021 7:46pm by James Croxford

James Croxford
12,723 Points
1 Answer
Ricky Redman
7,520 Points
bottom to top

Posted July 26, 2021 9:09pm by Ricky Redman

Ricky Redman
7,520 Points
1 Answer
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

Ashley Hayami
Full Stack JavaScript Techdegree Student 1,752 Points
1 Answer
susan kaldenberg
Front End Web Development Techdegree Student 553 Points
Why did not use float properties?

Posted July 18, 2021 5:53pm by susan kaldenberg

susan kaldenberg
Front End Web Development Techdegree Student 553 Points
1 Answer
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

Claudia Carranza
Full Stack JavaScript Techdegree Student 7,986 Points
1 Answer
Destiny Simmons
4,237 Points
Set color to steelblue?

Posted June 8, 2021 4:09pm by Destiny Simmons

Destiny Simmons
4,237 Points
1 Answer
Hugo Zaanen
11,897 Points
Most of the webpage isn't showing as in the tutorials

Posted May 10, 2021 6:48pm by Hugo Zaanen

Hugo Zaanen
11,897 Points
0 Answers
Hugo Zaanen
11,897 Points
linear-gradient

Posted May 10, 2021 8:16am by Hugo Zaanen

Hugo Zaanen
11,897 Points
1 Answer
racabu
1,734 Points
This link is not working: radial-gradient | CSS Tricks

Posted April 1, 2021 8:13pm by racabu

racabu
1,734 Points
2 Answers
ja5on
10,338 Points
Enhancing Design with CSS, Applying Media Queries video. Anwar Montasir says "And looks like it's problem solving time.

Posted March 16, 2021 8:25pm by ja5on

ja5on
10,338 Points
4 Answers
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
1 Answer
Thomas Bathurst
1,576 Points
I know inline-block is a short term solution, but why is my result not the same?

Posted March 1, 2021 11:35pm by Thomas Bathurst

Thomas Bathurst
1,576 Points
5 Answers
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
2 Answers

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