How to zoom in and out in sololearn for testing media quarries in css

Answer 1

Razia a really basic way is using

HTML
<div class="image-container">
<img src="https://picsum.photos/300/200" alt="A random picture">

CSS:
/* This is the zoom-in trigger */
.image-container:hover img {
/* Change this value for more or less zoom */
transform: scale(3);
}
https://sololearn.com/compiler-playground/WS8Dp9j6LgdC/?ref=app

if you are referring to
@media screen and (min-width: 400px) and (max-width: 999px) {
/* CSS rules for screen sizes between 400px and 999px go here */
body {
background-color: lightblue;
}
.container {
padding: 20px;
}
}
This is for devices

Answer 2

There is really no functionality like what's available in browser Web Developer Tools in the Sololearn app. You don't even have access to a real console.
if you want to test media queries, maybe use the web version and right click to inspect...