istemedigin cozum aslinda ihtiyacin olan cozum. tum html/css tekniklerini ezberlemek degil ki ihtiyacin olan. gercek hayattaki projelerde kim hangi ozelligi nasil kullaniyor onu ogrenmelisin, onun pratigini yapmalisin. ben twitter facebook vs. anasyafalarini kodlayarak basladim mesela, sonradan yardimci oldugum kisilere de bunu onerdim. halihazirda olan bir seyin klonunu olusturmak en iyi kendini gelistirme yontemlerinden biri acemiyken. klonladigin sayfayi bir sekmeye, kendi html sayfani da yandaki sekmeye ac mesela. iki sekme arasinda gecis yapinca fark edilmeyene kadar devam et. 3-5 kere bunu yaptiktan sonra da bunu nasil daha efektif yaparim, vay bootstrap kullanarak nasil yaparim, css grid'le nasil yaparim flexbox'la nasil yaparim vs diye gelistirir uzerine koyarsin.
getbootstrap.com
Kompleks olmayan basit ama işlevsel şeylere ihtiyacın var. Yukarıdaki şablonları inceleyebilirsin. Hatta öğrenme süreci boyunca bootstrap kullanabilirsin. Chrome developer tools kullanmayı en başta öğrenmelisin ama.