Replies posted by Kaneko | XM Community
Skip to main content

Replies posted by Kaneko

2 Replies
K
Kaneko
asked in Custom Code
Resizing in Mobile Version

Thanks, but that was not very helpful. My guess is that the solution should be inside the css code, since there is where I am defining all the properties for the pictures. I tried with the @media command, but I was unable to solve it.

5
mattyb513
Level 4 ●●●●
6 years ago
K
Kaneko
asked in Custom Code
Resizing in Mobile Version

> @mattyb513 said: > Perhaps what you are looking for is conditional CSS. > > You can use @media queries to conditionally add CSS depending on the screen width. For reference: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp > > Essentially you do something like this: > > ```css > .picture { > width: 500px; > height: auto; > } > @media (max-width: 760px) { > .picture { > width: 250px; > } > } > ``` Thanks, is it possible to first define the size of a picture and then automatically half it with the @media? Or do I have to manually calculate half of all my widths and redefined them one by one? The following code did not work: ```css .picture { width: 500px; height: auto; } @media (max-width: 760px) { .picture { width: 50%; } } ```

5
mattyb513
Level 4 ●●●●
6 years ago

Motivational Playlist

Terms & Conditions