I started learning CSS, is there any site which gives practical exercises in CSS. Some of the web site I look into either have too complicated Layout / CSS tricks for a beginner or it is too simple like add color / change font of one text element (:-
True CSS student who wants to become an eternal student slaps his face with "too complicated Layout", jumps from the cliff of "CSS tricks not for a beginner" and keeps his/her hands dirty with a "not too simple colors".
Just implement basic components from scratch starting from 12 col grid using floats (stone age technology), flexboxes (iron age) and CSS grid itself (hip hop); dropdowns, tooltips, popups, cards with images and caption, whatever.
At the end, practical exercise means real world and big "complicated" layouts. If it is too hard for you, well, adapt or die, or change career.
Ibrahim Tanyalcin
{intrst:"Scnc&Art",msc:"admin@MutaFrame",strive:"Experiment&Learn",loves:"ES5",hates:"bandwagon",lang:"Javascript",twttr:"@ibrhmTanyalcin"}
You usually learn best when you spend some time on a layout problem and come out with the solution yourself and understand the browser quirks. But here is one nice exercise for flexbox :) :
flexboxfroggy.com