Mike
KPCKevin Powell - Community
•Created by Guts on 12/13/2023 in #front-end
Need help with text alignment on different browsers
Got to love it when that happens! Dev tools are such a dream, couldn't imagine not having them.
Glad you got it sorted.
4 replies
KPCKevin Powell - Community
•Created by Guts on 12/13/2023 in #front-end
Need help with text alignment on different browsers
Hi, that is some odd behaviour. Could it be something to do with browser defaults? Might be worth looking in the Firefox dev tools to see if it is inheriting something from somewhere.
Without seeing the code it is hard to know what is happening exactly, would it be possible to upload something to Codepen or similar to look at?
4 replies
KPCKevin Powell - Community
•Created by Mike on 12/13/2023 in #front-end
Having issues with padding overflow in CSS grid display
Just to update, I implemented your suggestions @hart❤🔥 .
The flexbox fixed the issue with the padding overflow problem, the span was totally unnecessary so replaced with a single
<a> tag and styled that instead.
For anyone interested I have added another codepen with the better code which now does what I inteneded.
https://codepen.io/enlivenmike/pen/BaMeemV8 replies
KPCKevin Powell - Community
•Created by Mike on 12/13/2023 in #front-end
Having issues with padding overflow in CSS grid display
I would say, honestly that one is a noob mistake. Styling the
<a> makes a lot more sense now you say it and thinking I really had over complicated it! The pill does navigate to another page. When clicked on it goes to the customer profile showing details about them. So think in this case <a> is probably the right tag.8 replies
KPCKevin Powell - Community
•Created by Mike on 12/13/2023 in #front-end
Having issues with padding overflow in CSS grid display
Thanks, those are some really good ideas and give me some ideas on where to go next. I will experiment a little with flex on the row. I hadn't thought of doing that.
Now you mention it I should be using a DIV for that, I should read up on when it's best to use span.
The issue was that the alignment was looking a bit off and I dont like "magic" numbers because it limits options further down the road.
8 replies
KPCKevin Powell - Community
•Created by Aditya Kirad on 12/13/2023 in #front-end
px and accessibility
I'm not authority on this, but I believe it is considered bad practice to set a px value on font size because the user might have set their own base font size to make things easier to read.
If you are using em/rem they are based off the root font size (from the browser) so it will respect the browser settings.
If you use em/rem elsewhere things like zooming will work better too.
3 replies