# Which approach is best to create a responsive html page?

**URL:** <https://forum.kirupa.com/t/which-approach-is-best-to-create-a-responsive-html-page/332264>\
**Category:** web dev\
**Created:** [March 27, 2014, 5:36am UTC](https://forum.kirupa.com/t/which-approach-is-best-to-create-a-responsive-html-page/332264 "2014-03-27T05:36:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![lakshkhamesra](https://avatars.discourse-cdn.com/v4/letter/l/e9a140/32.png) [@lakshkhamesra](https://forum.kirupa.com/u/lakshkhamesra)\
**Post date:** [March 27, 2014, 5:36am UTC](https://forum.kirupa.com/t/which-approach-is-best-to-create-a-responsive-html-page/332264/1 "2014-03-27T05:36:21Z")

</div>

I have designed 3 versions of a web page - desktop, tablet and mobile.  
Content is same but layout is different.  
Which approach is best to convert the page to responsive html:  
a) Separate html files  
b) Separate CSS files  
c) Single CSS file

You can view jpegs of the 3 versions here:  
Desktop:  
[http://shrineweb.in/other-files/clients/showyourskills/test/Home.jpg](http://shrineweb.in/other-files/clients/showyourskills/test/Home.jpg)  
Tablet:  
[http://shrineweb.in/other-files/clients/showyourskills/test/Home-tablet.jpg](http://shrineweb.in/other-files/clients/showyourskills/test/Home-tablet.jpg)  
Mobile:  
[http://shrineweb.in/other-files/clients/showyourskills/test/Home-mobile.jpg](http://shrineweb.in/other-files/clients/showyourskills/test/Home-mobile.jpg)

I am new to responsive web designing, please give the best advice.

NOTE:- Mobile version’s navigation (top-right) is different from Tablet and Desktop version.

Thanks in advance.