TheBugCoder
KPCKevin Powell - Community
•Created by TheBugCoder on 7/5/2024 in #front-end
How can I give items in a flex column the same width?
Thanks, I apparently set a static width on the header and footer, so when I removed it they automatically adjusted, because of the flex box. Sorry :)
7 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 7/5/2024 in #front-end
How can I give items in a flex column the same width?
No, because this code is in the layout, I'd like it to automatically adjust to the width of main. Sorry, for not specifying this :)
7 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 5/9/2024 in #front-end
Creating a responsive grid which always maintains the same gap
🙏 Thank you so much, this is great!
14 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 5/9/2024 in #front-end
Creating a responsive grid which always maintains the same gap
Oh, all right, thanks though!
14 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 5/9/2024 in #front-end
Creating a responsive grid which always maintains the same gap
Sorry, one more question :) Would it be possible to always have an uneven amount of columns?
14 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 5/9/2024 in #front-end
Creating a responsive grid which always maintains the same gap
Thanks, I got it working!
14 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 5/9/2024 in #front-end
Creating a responsive grid which always maintains the same gap
Right now, this is my code:
.product-grid {
display: grid;
grid-gap: 0.05rem;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
grid-template-rows: repeat(auto-fill, minmax(160px, 1fr));
}
14 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 5/9/2024 in #front-end
Creating a responsive grid which always maintains the same gap
14 replies