My css messes when zooming etc

I am a first year student in comp sci so I have the very basics of html and css down, but someone has asked me to make a site for them so I tried. The problem I am having with the layout which goes absolutely haywire when I zoom in/out or inspect the site on the mobile devices in chrome. And also I find that white space in the site looks off and I am not sure what to do there.

Newbie help with someone elses CSS

I am not very good at CSS yet. I am trying to change a web page to suit our needs. The guy who created it started with someone else's template which is at;
https://html5up.net/twenty

There are parts of the page I am not fond of. He has buttons to go to outside pages, we need about six. They have large graphics and only two across. I want smaller graphics and four across. I put a sample of the HTML below.

Centering forms with css

Does anyone have any ideas about how to centre a form in CSS wordpress. I've tried every code on the planet and nothing works. This form at http://nicoscleaningservice.co.uk/work-with-us/ is so far to the right, it's falling off the page. Most CSS code online doesn't seem to do anything. Does anyone have a real, working CSS code to centre and to change height and size, not only of forms, but individuals items and boxes? Google captcha now also falling off the page too. I recon I've got the only drunk forms on the net.

Change position:fixed; for mobile phone devices

Hi, I have a responsive website with left hand navigation.

When the site is viewed on desktop all is well, but when viewed on mobile device (phones) I have an annoying border left over from the navigation.

Image links:
Mobile

Desktop view

The issue is with this line of css: position:fixed;

@media (min-width: 0px) {
    .sidebar {
        display: block;
        position:fixed;

image borders

Hi

How do I place a border around an image on my page ?

I'm trying to create the page with a box-based layout.

Cheers

Syndicate content