/    Sign up×
Community /Pin to ProfileBookmark

Image resizing to accomodate screen resolution – good idea?

Ok, so I have come home to visit my parents for the weekend, only to see how terrible my webpage looks in a 1400×1050 resolution. I was so disturbed that instead of waiting to get back to my own pc, I modified my css from within the freewebs editing. Now at least my page adjust to percentages. However, my picture does not. What should I do about this problem? I could reset everything to appear at the center (like this, and many of your sites), but I would like to utilize the entire screen across resolutions. How can I do this without making the pictures look distorted (stretched)? Should I set the container height to be percentage based, and how? Thanks.

[url]www.freewebs.com/kentuckyweightlifting[/url]

to post a comment
Full-stack Developer

1 Comments(s)

Copy linkTweet thisAlerts:
@PeOfEoMar 13.2004 — center that image, or make it fade or make the color of the div the same as the iamge. Or you could make the site static, www.clanknights.vze.com (the layout will change in the near future) has an image that is left aligned but see how the back color of the div is the same as the image?
×

Success!

Help @spowell_40 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...