How can I make my quiz HTML code responsive to mobile without affecting desktop layout?

Store Design
1

I have this quiz that requires some help. The following code is the HTML for the result page.

seantay1993_1-1661915833830.png
seantay1993_1-1661915833830.png2641×1368 187 KB

Link for quiz:https://admin.revenuehunt.com/public/quiz/QYHpXz?preview=1661915414018


  # Escape

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis.

LEARN MORE

However, I am trying to make it mobile responsive, however, after adding the code below it changes the layout even on desktop mode.

Please help!

@media screen and (min-width: 400px){
.result-bg {
  width: 452px;
  height: 800px;}
.result-logo {
  top: 763px;
  left: 60px;}
.col {
  top: 390px;
  left: 55px;}
}
2

I checked your site and the page looks good on mobile and desktop. Has your issue being fixed now?

1 Like