• Theory
  • Theory

Challenge: Flags

This challenge asks you to reproduce the 6 national flags of various countries.

The colors to use are specified in the CSS.

A few tips to help you avoid having to guess:

  • Almost all color-stop positions (in percentages) and tilt angles (in degrees) are multiples of 5;
  • The color-stop positions for the Irish flag are multiples of 3%;
  • The width of the white stripes in the flag of Trinidad is 3%, and the width of the black stripe is 14%;
  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the Linear Gradients challenges in the Advanced styling, you need to sign up first.