Здравей колега,
Позволявам си коментар, но имай в предвид, че съм начинаещ.

За Wrapper си задал width 46%, не е ли по-добре да зададеш някаква точна стойност и ако трябва да оразмери вече вътре нещо ще го напрваиш с проценти(не винаги), понеже на различни монитори ще излиза различно. Например при мен не илизат на един ред. Google води хубави статистики, за това какъв процент от потребителите например какви резолюции ползват, системи, браузъри и т.н.. Що се отнася сайта да е resp, мисля че е по-добре да се направи няколко css за различните резолюции.

Прав си, по-добре е. Вече е оправено. 

Благодаря :) 

Още нещо в section имаш figure, който според w3 е Use a <figure> element to mark up a photo in a document и вътре си вкарал текста Profile completed 60% като figurecaption, което се използва и обвръзва със снимката. Мисля си, че ще е по добре, ако ги вкараш като <p>-та или нещо такова.Това разбира се няма да промени нищо, но ако държиш на семантиката си мисля, че ще е по-добре.
Относно другите figure, който си използвал, не съм убеден как трябва да бъде. Аз лично го правя с section и в css задавам на главния : display:table, а на отделните Display:table-cell. В много сайтова (включително и този на софтуни) правят така. 

А този текст не е ли обвързан със снимката? Според мен е. 

Да си призная не знам и аз се чудех, за User:Kent би трябвало да е обвързан. Profile Compleated обаче мисля, че не е. А според теб добре ли е за audio-то и видеото да се използва figure, защото аз съм го направил със section-и.

Със <section>–и също е ок според мен. Относно <figure>, в html5 doctor поне казват, че е ок да се използва и с друго съдържание освен имидж. Погледни -> Don’t stop there!