Day 3 of my Pomodoro website centered around Pokémon!

Four hours already?! That’s crazy.. anyways, I did a LOT of styling. A huge trouble for me was layout, as I’m still weak at CSS positioning… but don’t worry flex was here to save the day! Love you, flex styling! It is such an easy tool to use to align items and put them into columns correctly. Also, I got the background working.

The background-blend-mode property, an AWESOME property I used for a previous personal project (not on Hack Club! </3) helped me out here. And this will be crucial in allowing different themes because I don’t need to switch thru JS a million different images! I just need to change colors. I accidentally created a… decent background with a checkered pattern and a background-blend-mode property.

Okay, two last cool things:

• I styled the select property! This is a recent development within CSS that’s AWESOME, and you can see this in Screenshot 1. Usually you were forced to the platform-default select… which was boring. But with this one I could add Pokémon icons!
• Next, I started drawing an animation, and the first one will be Sylveon. AS you can see in Screenshot 1, Mabosstiff is the next planned one. Pikachu and others will be next.

So, my final question to you: What Pokémon do you want to see in this website? Just want to see the most popular ones to add to the lineup. Probably, I will have around 6-7 (unintentional) to start off with. I don’t want to add too many, at least for my OWN sanity…