Responsive layout

[Yurii Orishchuk]

Hi Shalu,

You can test media query with following way(step - by - step instruction):

1. Create new CSS asset in your app.
   Details: http://prntscr.com/6a9um3/direct

2. Populate it with following CSS code:
   Details: http://prntscr.com/6a9qe9/direct

   @media screen and (max-width: 1000px) {
   [data-role="content"] {
   background: url(http://mypets.kiev.ua/sites/default/f...);
   background-size: cover;
   }
   }

3. Run app without frame(to have ability to change document size):.
   Details: http://prntscr.com/6a9uww/direct

4. Make browser more then 1000px by width, you have app without background.
   Details: http://prntscr.com/6a9vqw/direct

5. Make browser less then 1000px by width, you have app without background.
   Details: http://prntscr.com/6a9wnw/direct

   After correct test - you can change inside styles.

   Regards.

[Asmaa AlHammadi]

I am facing the same issue,
when I tried this code
@media screen and (max-width: 1000px) {
[data-role="content"] {
background: url(http://mypets.kiev.ua/sites/default/f...);
background-size: cover;
}
}

it gives me that there is an error in "content"

could you please explain to me what is that

[Serhii Kulibaba]

Hello Asmaa,

Please change image's URL. Current one is unavailable now.