# Registering assets for mobile and desktop - making site responsive

**URL:** <https://meta.discourse.org/t/registering-assets-for-mobile-and-desktop-making-site-responsive/65041>\
**Category:** Development\
**Created:** [June 24, 2017, 5:04am UTC](https://meta.discourse.org/t/registering-assets-for-mobile-and-desktop-making-site-responsive/65041 "2017-06-24T05:04:04Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Tech\_Domain](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tech_domain/32/155321_2.png) [@Tech\_Domain](https://meta.discourse.org/u/Tech_Domain)\
**Post date:** [June 24, 2017, 5:04am UTC](https://meta.discourse.org/t/registering-assets-for-mobile-and-desktop-making-site-responsive/65041/1 "2017-06-24T05:04:04Z")

</div>

I am trying to register `mobile specific stylesheet` and `desktop specific stylesheet`.  
But the discourse always takes the stylesheet which is registered last.

For example in `plugin.rb` file

```
# General change
register_asset "stylesheets/topiclist.scss"

# Desktop change
register_asset "stylesheets/desktop/topiclist.scss"

# Mobile change
register_asset "stylesheets/mobile/topiclist.scss"

```

Here the mobile stylesheet will override the previous two.

If I change the order, and keep the desktop stylesheet last, then it will override the previous ones.

So how do you make it responsive? Do we have to write the media queries ourselves, or placing the stylesheet in specific folders ( mobile, desktop etc) should make it work?

---

_[View the full topic](https://meta.discourse.org/t/registering-assets-for-mobile-and-desktop-making-site-responsive/65041)._