CSS Grids – style grid cells independently for a post feed


I would like to style a post feed module (Divi theme) so that the first column is 50% width and the rest of the 7 are 25%, creating a grid like this https://www.screencast.com/t/GNJODhIG3

I have this CSS grid code so far, but I can’t find a way of editing it to get the desired layout.

.ds-grid-blog .et_pb_ajax_pagination_container {
display: grid;
grid-template-columns: repeat(5, 18%);
grid-column-gap: 2.5%;}

Is there some code I could add like “column-one, row-one: 50%;”

Any help would be much apreciated,,, thanks.

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;

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:

Desktop view

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

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

Syndicate content