Here is a simple CSS-only flag of Ukraine that you can add to any div
/* You can add this to any div */
.ukraine-flag {
width: 600px;
height: 350px;
background-image: linear-gradient(
to bottom,
rgb(0, 87, 183) 50%,
rgb(255, 215, 0) 50%
);
}
Below is the minified version
.ukraine-flag{width:600px;height:350px;background-image:linear-gradient(to bottom,#0057b7 50%,gold 50%)}
While you are here, please help support our brothers and sisters in Ukraine.
I know it can be a bit difficult to trust charities. I personally make sure I research them for their legitimacy and how much they actually give toward the charity itself, and not a CEO. Here is a short list of some charities I have researched.All Hands and Hearts
- CharityWatch Grade: A+
- Amount spent on programs relative to overhead: 93%
- Amount spent to raise $100 of contributions: $3
https://www.charitywatch.org/charities/all-hands-and-hearts-smart-response
https://www.allhandsandhearts.org/programs/ukraine-crisis-relief
Care USA
- CharityWatch Grade: A
- Amount spent on programs relative to overhead: 90%
- Amount spent to raise $100 of contributions: $13
https://www.charitywatch.org/charities/care-usa
https://www.care.org/our-work/disaster-response/emergencies/ukraine-humanitarian-crisis
Direct Relief
- CharityWatch Grade: A+
- Amount spent on programs relative to overhead: 93%
- Amount spent to raise $100 of contributions: $2
https://www.charitywatch.org/charities/direct-relief-direct-relief-foundation
https://www.directrelief.org/emergency/ukraine-crisis