Lamer of Sweden
KPCKevin Powell - Community
•Created by sillyrabbit on 10/30/2024 in #front-end
Grid-based hierarchy for multi-line elements
Yep, looks like a straight forward grid-template-columns solution. Did something like this. https://codepen.io/peter-warholm/pen/LYwrggZ
4 replies
KPCKevin Powell - Community
•Created by jsv_1991 on 11/1/2024 in #front-end
Mobile Landscape View Text Issue
Can't replicate your error though. :/
9 replies
KPCKevin Powell - Community
•Created by jsv_1991 on 11/1/2024 in #front-end
Mobile Landscape View Text Issue
9 replies
KPCKevin Powell - Community
•Created by jsv_1991 on 11/1/2024 in #front-end
Mobile Landscape View Text Issue
You seem to have a Github Pages live, right?
9 replies
KPCKevin Powell - Community
•Created by Faker on 9/25/2024 in #front-end
Does order matters when defining a class for a parent element and its child elements?
No worries
9 replies
KPCKevin Powell - Community
•Created by Faker on 9/25/2024 in #front-end
Does order matters when defining a class for a parent element and its child elements?
9 replies
KPCKevin Powell - Community
•Created by Faker on 9/25/2024 in #front-end
Does order matters when defining a class for a parent element and its child elements?
Only direct children
9 replies
KPCKevin Powell - Community
•Created by Faker on 9/25/2024 in #front-end
Does order matters when defining a class for a parent element and its child elements?
If setting/moving the class .navigation-bar to <nav> element the flex item will only be one so nothing to flex.
9 replies
KPCKevin Powell - Community
•Created by Chrissi | Freaky on 9/23/2024 in #front-end
Cover SVG Path with a pattern to create Brushstroke effect
The stroke-width is the width of the path
3 replies
KPCKevin Powell - Community
•Created by Chrissi | Freaky on 9/23/2024 in #front-end
Cover SVG Path with a pattern to create Brushstroke effect
Not sure but do you want to increase the yellow bits? Then increase the markerWidth and markerHeight
3 replies
KPCKevin Powell - Community
•Created by TRUEfoe on 9/23/2024 in #front-end
Div Background Images & Contain/Cover
Hello! Is it possible for you to use https://codepen.io/pen/ or similar to display the code that you use, and recreate the problem that is. A lot easier to debug.
5 replies
KPCKevin Powell - Community
•Created by snxxwyy on 9/14/2024 in #front-end
overflow when zooming in.
This is really a new issue, so best to tag this as solved and start a new post.
19 replies
KPCKevin Powell - Community
•Created by snxxwyy on 9/12/2024 in #front-end
why is height: 100%; not working?
Or you should be safe with just removing the height from .image-container and let the img tag set the rule. Not sure when the child is a flex-item what really happens for the height :/
4 replies
KPCKevin Powell - Community
•Created by snxxwyy on 9/12/2024 in #front-end
why is height: 100%; not working?
Try align-items: stretch; on the parent (.flex) and remove the height from the child (.image-container)
4 replies
KPCKevin Powell - Community
•Created by feanor on 8/19/2024 in #front-end
SVG - Fill the overlapping part of two <circle>'s.
Found something on stackoverflow using ComponentTransfer. The last entry marked green.
https://stackoverflow.com/questions/38751756/what-is-the-best-approach-for-overlapping-svg-elements-area-fill
13 replies
KPCKevin Powell - Community
•Created by Corizon on 3/15/2023 in #front-end
How do I create a responsive text?
Note: This was an old post (2013 3/15) from user Corizon. Yesterday this post got a new question from posix with a different take on responsiveness. So with the OP i see Utopia as perfect. 🙂
28 replies
KPCKevin Powell - Community
•Created by francis on 8/3/2024 in #front-end
Favicon Not Updating in Google Search Results
Here is Googles guidelines just to make sure you meet the requirements. Also, note the information: "A favicon isn't guaranteed in Google Search results, even if all guidelines are met."
https://developers.google.com/search/docs/appearance/favicon-in-search
6 replies
KPCKevin Powell - Community
•Created by coconut on 8/4/2024 in #ui-ux
I need some feedback
A bit of challenge to feedback on just an image alone, but would say there will be color contrast issues with that color combination for the button. And probably the paragraph above as well.
18 replies
KPCKevin Powell - Community
•Created by Rainier on 8/3/2024 in #front-end
website translated
Quick glance, the line-height for .design is set to 10px making the block-progression a "challenge".
5 replies
KPCKevin Powell - Community
•Created by anes039 on 8/3/2024 in #front-end
Layout ideas
I'd use <section> and <h2> (assuming an <h1> before the form) to divide the inputs into at least two (maybe three?) with "Contact information", "Institution", "Courses".
And make sure to mark (write out) mandatory fields clearly.
3 replies