Generateblocks breakpoint fix

Here is CSS to fix the ridulously wide mobile breakpont in generateblocks. Generateblocks by default goes to mobile single column view at around 760 px width. That is too wide and you can’t adjust this breakpont in the free version. Therefore we can make adjustments with CSS to keep living in the free world.

@media (max-width: 823px) {
	div:has(> .grid-fix){
		max-width:720px;
		margin-left:auto;
		margin-right:auto;
	}
    .grid-fix {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 550px) {
	div:has(> .grid-fix){
		max-width:480px;
		margin-left:auto;
		margin-right:auto;
	}
    .grid-fix {
        grid-template-columns: 1fr;
    }
}

You need the above CSS at the ned of your CSS. You also need to give the grid element a class attribute ‘grid-fix’. For the css above to work the grid must be inside a container since the CSS also targets the parent element of the grid element.