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.

Spacing Looks Good On Desktop But Too Much Spacing On Mobile

I'm using a height of 60px on a text section of my home page in order to keep my grid boxes the same height

This is on my site at Dealmazing

This is an image of the grid boxes here https://ibb.co/eSGLtn

you can I've circled the part i'm asking about.

It looks fine on desktop--but when you get to Mobile it has too much spacing.

Example of that here: https://ibb.co/j5c4KS

I notice that on mobile if i remove the height it looks perfect, but then if you look at it on desktop, all of the grids are misaligned.

Simple CSS positioning

I need to fix two elements on a page.
The first element is an .svg image, this one need to be in the middle of the page, always!
The second element is a text line, this one need to be in the bottom/center of the page, always!

The page is ready, but the second element is in the wrong position, it is at the top of the page, but I want it at the bottom.

That's what I've done...

Download link
https://we.tl/yXVBUBObWM

heading on textarea when textarea set to a number of characters.

I have a div that centers my textareas. This also sets the heading above the textarea in the middle.

I cannot get the heading to be at the top left of the textarea box. I can set the alignment to left and then the heading is in the correct place but then the textarea is now left.

The problem comes in when textarea is set to number of columns. Once this happens, HTML/CSS dosen't seem to know where the top left corner is to place the heading.

Tried almost everything except the right one.

Thanks

Syndicate content