KPC
Kevin Powell - Community•11mo ago
Adhurim Gashi

Question regarding images in css

Hello everyone, how do I make an image wider but smaller height (shorter), in my design that I am working on the image is normal on mobile sizes and wider on tablet sizes
4 Replies
croganm
croganm•11mo ago
Hello, do you have an example?
briancross
briancross•11mo ago
Yep, gotta see the code. Code pen or GitHub pages or something.
snxxwyy
snxxwyy•11mo ago
@s2k_off try using an aspect-ratio.
ThatGuy
ThatGuy•11mo ago
You could achieve this by setting the width of the image to a percentage or vw (view width).
Want results from more Discord servers?
Add your server
More Posts
Trying to make a background image (jpg) fit a screen but all options don't seem to work...The elements are created using innerHTML (I know, it's bad, I'm changing it once I figure this out) On increasing screen size my right part start shrinkingOn increasing screen size my right part start shrinking and became smaller i want it to be remian alWeb design tipsI am in the learning of the front-end and would like to start to learn a little more about design anNixos users devenvUsed for isolated developer environments (like a single project directory) for avoiding installing cHelp me fox eslint error - promises must be awaitedHelp me fix this error ``` Error: Promises must be awaited, end with a call to .catch, end with a caI am creating a form for uploading data in a dashboardWant to know if any styling improvements can be done to the following UIBackground color for right sideThere is a white space on right section i want to apply background color to cover the whole sectiopick a project card layout for melive icon is to jump to live website github icon is to github repo the rest of icons are stacks usedHow to cause transition to happen from the center instead of top left?The eyeballs come into existence from the corners respectively, how would I make them pop out from tImage in flexbox.In the Hero section I would like to align the Image with the bottom of the container (border-bottom