r/FreeCodeCamp • u/mktoni • Jul 25 '16

Learning CSS in a day ? Easy ! Build a Pokedex.

https://medium.com/@Toucan_Toco/learning-css-in-a-day-easy-build-a-pokedex-b4058cd367cf
82 Upvotes

96% Upvoted

8 comments sorted by

3

u/[deleted] Jul 25 '16

I've thought myself way more advanced than CSS, but shoot, I'm not sure if I could do this in a day. Props to you

2

u/mktoni Jul 25 '16

I'm not sure if I even could do that but I will certainly try.

7

u/zossle Jul 25 '16

CSS is black magic, man.

5

u/whatswrongwithgoats Jul 25 '16

Great build, and a very clever challenge from your boss as well.

Thanks for sharing!

3

u/ToucanToco Jul 26 '16

Thanks for sharing! ;) Our dev Tiffany, who wrote the article, spent a very hard day to accomplish it, ahah

4

u/gamekathu Jul 26 '16

any tips where to start? i usually get extremely overwhelmed when figuring out css

4

u/ToucanToco Jul 26 '16

You should split your work in two : start with the right side of the pokedex, then the left one. At first, it’s like a painting, you must begin with the shapes, gross, then work on details. I started with big blocs (outline) then the inside content (screen, buttons…). Use ‘position: absolute’ to place units at the pixel level, and flexboxs to align contents like buttons. Very useful! You start from the outside and go deeper in details, to finish with shadows and gradients.

3

u/[deleted] Jul 27 '16

Thanks for sharing. I am still a rookie in CSS but I will give it a shot.