Julianna
KPCKevin Powell - Community
•Created by Julianna on 6/27/2024 in #front-end
Override Default Border on Input
I am working on the tip calculator project on frontendmentor and I've used :hover, :focus and :active to adjust the border color of the custom tip input box but it still defaults to the blue border when I start typing in both chrome and firefox.
Here is my deployed project so far: https://calculate-and-split-tip.netlify.app/
My codebase is here: https://github.com/mathematiCode/Tip-Calculator-FEM
I've tried commenting out all of my js, in devtools it shows that the styles in the :focus, :hover selector are being applied but it keeps changing the color to the default blue when I start typing.
I am using vanilla CSS and JS btw.
12 replies
KPCKevin Powell - Community
•Created by Julianna on 6/25/2024 in #front-end
justify-self and align-self flexbox?
Do justify-self and align-self not work for elements in a flexbox container? I’m finding mixed info and some of it is 8 years old.
10 replies
KPCKevin Powell - Community
•Created by Julianna on 6/20/2024 in #front-end
How to responsively move elements from a row to a column with subgrid?
2 replies