Stránka podľa predlohy

Zdravím ľudia robil som stránku podľa predlohy chcem sa opýtať pár vecí.
1.Všimol som si že pri zmenšovaní stránky sa mi obrázok odďaluje od textu ako nevadí lebo medzera je veľká až keď sa to moc zmenší ale odporučili by ste niečo aké hodnoty zadávať alebo čo robiť.
2.Všimol som si na stránke ikonky pre Facebook len neviem zistiť zdroj kde nájdem ikonky také že keď aj na ne dám cursor sa zmenia na inú farbu.
3.Je niečo čo by ste ešte robili inak ?
Učím sa zatiaľ len HTML a CSS čiže tie efekty som nerobil ani že sa nav vysúva.

Predloha


Moja práca

skus sa uz zacat pozerat po nejakych responzivnych frameworkoch. myslim, ze ti to znacne ulahci pracu..
ja milujem bootstrap

Pojdem na responzivny dizajn teraz len opakujem css a html ten chcem ovladat dobre

docvicis casom.. aj tak sa naucis az na vlastnych projektoch.



ja radsej vkladam obrazky takto.


vsetko to su :hover pseudoelementy http://jsfiddle.net/eNU8H/
pozri font-awesome ikony..
ja social-ikony robim tak ze vytvorim si span - spravim z neho block,
nastavim fixnu sirku, vysku (50*50px - stvorec)
dam mu border-radius: 50% (urobis z toho kruh),
nejaky background color,
vlozim do neho dalsi <i> tag uz ako inline-element
a do neho vlozim favicon.. pre mna to je jednoduchsie ako robit svg ikony..

Aj ja som to tak chcel robit, ale neoplati sa to. Tie veci co si sa naucil nikam nepojdu a budes ich pouzivat aj nadalej.

S FontAwesome môžeš (ako ti vyhovuje vzhľad) použiť aj "nokopené" ikony.