TheBugCoder
KPCKevin Powell - Community
•Created by TheBugCoder on 12/20/2024 in #front-end
Images shrinking instead of text
thanks :)
13 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/20/2024 in #front-end
Images shrinking instead of text
13 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/20/2024 in #front-end
Images shrinking instead of text
Thanks, I got it working with grid 👍
13 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/20/2024 in #front-end
Images shrinking instead of text
Yeah, not sure why that could cause problems though :)
13 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/8/2024 in #front-end
Overlaying half of a logo on top of an image
ohh thx it works now 👍
25 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/8/2024 in #front-end
Overlaying half of a logo on top of an image
i replaced the images with placeholders
25 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/8/2024 in #front-end
Overlaying half of a logo on top of an image
https://codepen.io/thebugcoder/pen/EaYKGJr here you go
25 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/8/2024 in #front-end
Overlaying half of a logo on top of an image
25 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/8/2024 in #front-end
Overlaying half of a logo on top of an image
how would you do it with grid?
25 replies
KPCKevin Powell - Community
•Created by TheBugCoder on 12/8/2024 in #front-end
Overlaying half of a logo on top of an image
Thanks! :) with this solution the padding is gone though, when I add it into the 'top' and 'left', the images and text are vertically overflowing
25 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?
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