CSS: Day 54

Today I watched a football game with a couple of friends. It was a match between Germany and Portugal and for this session I will recreate the winning country’s flag using CSS.

I normally don’t watch football, but it was great hanging out with friends.

German flag built using CSS linear gradients

//CSS
background: linear-gradient(
      to bottom,
      black 33.33%,
      red 33.33%,
      red 66.66%,
      yellow 66.66%
    );

In the code above, percentages have been used because that felt like the best thing to do, plus in the flag we had mainly three colors and I wanted to divide it with equal length, so I thought 100/3 = 33.33 %