Archived topic
Recommendations for Block-Design Desktop/Mobile
5 replies · Started by Lars on June 10, 2022
Dear GP-Crew,
I have integrated a box with information about a credit card on the punktepirat.de (subheading "Miles & More Gold Card"). I realized this with GP Blocks.
I'm very happy with the mobile version, but the box doesn't look good on the desktop.
Is there a recommendation for the best case on desktop here? All content centered in the box? All content left-aligned in the box? Both of them don't look that cool. Or reduce the entire box including borders to XXXX pixels?
Im grateful for every hint.
Cheers,
Lars
Hi there,
if you select the parent container block for that layout, you can set its Width to Contained, and then give it fixed PX width. That should help keep it a nice size for desktop
Great, thanks. Is 420 pixels a good universal size for desktop?
And one more question: The box is now centered. Can I also make it left-alligned on desktop? Or is it better to center?
The width ? It looks good at that size which is all that matters :)
I like it centred. If you want it left aligned it would require a little CSS.
1. Add this CSS to your site:
.container-left {
margin-left: unset !important;
}2. Edit the page - Select the parent container, and in the Advanced > Additional CSS Class(es) add: container-left
Perfect, thank you so much, David.
You're welcome
