educative.io

135 degrees vs "to bottom right" in CSS

Courses
,
#1

in the class trying to emulate the republic of Congo I have the following CSS:

#flag {
	width: 400px;
  height: 267px;
  background: linear-gradient(135deg, green 39.257%, yellow 39.257%, yellow 60.7429%, red 60.7429%);
  margin: 20px auto
}

However I notice this is not the same as the below:

#flag {
	width: 400px;
  height: 267px;
  background: linear-gradient(to bottom right, green 39.257%, yellow 39.257%, yellow 60.7429%, red 60.7429%);
  margin: 20px auto
}

I thought “to bottom right” was 135 degrees? But the flag looks odd

#2

Hi @Alois_Mbutura
Can you please share the lesson link for this query so we can answer you according to its context?

Thanks in Advance :slight_smile: