Forum Discussion

banikm's avatar
banikm
Community Member
19 days ago

HTML source code to set for laptop and mobile

Hello e-learning heroes,
Hope all of you are doing well. I would need some help from you guys.

Is it possible in HTML source code to define separate sizes for Laptop and Mobile? The current setup we are using isn’t responsive - whatever we add applies uniformly. For example, if we set the dimensions to 1000px width and 350px height, it may look fine on mobile but appear too small on a laptop. And if we adjust the size for the laptop, it could end up being too large or awkward on mobile. I’m not sure where the issue lies, and I’d really appreciate your help with this. 

Also, to add I have used Rise web output, and this is for a webpage. Let me know if you need more information. Thank you all so much.

1 Reply

  • John_Reddinger's avatar
    John_Reddinger
    Community Member
    11 days ago

    Hi! What you're looking for is a CSS media query. It looks something like this:

         (max-width: 768px) {
.container {
width: 300px;
} 
}

    I'm sure you can find lots of detailed info on YouTube.

    Edit: that first code line is supposed to say MeDia​ (max-width: 768px)

    -- ironically the code input window is messing up my code. :D

    It thinks I'm tagging somebody named "MeDia". Hi MeDia​!