JQ
KPCKevin Powell - Community
•Created by JQ on 2/5/2024 in #front-end
dynamic cards sizing issues
I have been working on a dynamic payment form similar to the one from frontendmentor but I am trying to do it with all CSS and no images or SVGs. I started with a mobile first approach and tackled desktop version through landscape media query which to me was good since it made it responsive for mobile devices on landscape mode. Main thing I’ve had trouble with is coming up with a way to size the dynamic card and it remain responsive and consistent across different screen sizes. Thank you for any recommendations you can give me on anything to help me improve! Here is the CodePen to it https://codepen.io/jq712/pen/poYjRVa
4 replies
KPCKevin Powell - Community
•Created by JQ on 1/6/2024 in #front-end
gradient text input outline border-radius?
Do you have a technique for giving a text input a gradient outline on focus that has a matching border-radius with the text input? I found a solution for the gradient outline using border-image on focus but this doesn’t allow a border-radius here is the CodePen with border-image, this is the effect I’m looking for I just want the gradient outline to have a border radius as well https://codepen.io/jq712/pen/KKEzmJK
9 replies