Имам следния сайт който се визуализира коректно на Декстоп Приложение:

https://drive.google.com/file/d/0By_XKnVUDHAnd09kM1NiSklydXM/edit?usp=sharing

Искам обаче да може да се визуализира коректно и на Смартфон.

Но нещо не ми се получава на 100 % . Черния background на body -то не изчезва напълно.

Header и Nav ми се получиха долу-горе. 

Проблема са  ми тези линкове под бутоните за навигацията защо са така всяка дума една под друга . Не може ли да се направи да е по естествено една до друга и ако не стига мястото на следващия ред . 

След това текста , Защо е така вляво залепен , не може ли да е по центриран .

След текста пък другия aside защо е така залепен в дясно.

 

В rar архива който качих страницата се казва RenewableEnergy.html

а приложения към нея CSS при намаляване на екрана до такъв с размер на смартфон се казва : mobile-style.css