Lamer of Sweden Comments - Answer Overflow

Lamer of Sweden

Posts Comments

KPCKevin Powell - Community

•Created by Rashed on 1/14/2025 in #front-end

tailwind setup issue

https://tailwindcss.com/docs/editor-setup

5 replies

KPCKevin Powell - Community

•Created by Rashed on 1/14/2025 in #front-end

tailwind setup issue

Missing the Tailwind CSS IntelliSense?

5 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/27/2024 in #front-end

How to correctly import fonts

I like this article that explains three parts regarding performance best practice for fonts. https://web.dev/articles/font-best-practices

8 replies

KPCKevin Powell - Community

•Created by ditta on 11/22/2024 in #front-end

list of classes in html / css

Else go for a regex in search. 1. Open New Search Editor (Ctrl + Shift + P and search for New Search Editor)
2. Add following to Search field

[\.#](?!\d)[\w-]+(?:\s*,\s*\.(?!\d)[\w-]+)*

[\.#](?!\d)[\w-]+(?:\s*,\s*\.(?!\d)[\w-]+)*

3. Activate regex (Alt + R) or click the third button to the right side of the search field 4. Click [...] to Toggle Search Details 5. Add following to inlude files like css, scss, sass

**/*.{css,scss,sass}

**/*.{css,scss,sass}

This should get you all the classes (.classname) and IDs (#idname)

5 replies

KPCKevin Powell - Community

•Created by ditta on 11/22/2024 in #front-end

list of classes in html / css

Right click on first css file and choose "Select for compare" and then right click on second css file and choose "Compare with selected" and you'll get a view to see the difference like when having a conflict while trying to merge a branch.

5 replies

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

https://jvisme1991.github.io/photo-display/

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?

https://css-tricks.com/snippets/css/a-guide-to-flexbox/#aa-examples

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

Gaming

Programming