I am Groot
I am Groot
KPCKevin Powell - Community
Created by Faker on 11/5/2024 in #front-end
Reviews on To-do list project
you can try
selector li { margin-bottom: 20px; position: relative; display: flex; align-items: center; } selector li::before { content: " "; display: block; margin-right: 15px; margin-left: 0px; padding-left: 0px; }
selector li { margin-bottom: 20px; position: relative; display: flex; align-items: center; } selector li::before { content: " "; display: block; margin-right: 15px; margin-left: 0px; padding-left: 0px; }
you can change the margin-bottom, margin-right, margin-left and padding-left to better fit your desired look.
2 replies
KPCKevin Powell - Community
Created by Grant on 11/6/2024 in #front-end
Text that fills the width of a container
It might be able to be done with a calc() :root { --_font-size: calc((80vw / 80ch) * (100vw) / 80ch)) ; these calculation are not accurate and will need some magic numbering. but this might be a more usable solution across browsers
4 replies
KPCKevin Powell - Community
Created by Nibelung Valesti on 11/7/2024 in #front-end
Two Column Layout, but the other one goes to edge.
If you want to stick to the naming concept of grid-lines, you could create another grid-line-name of [center-line] min(100% - (var(--padding-inline) * 2), 100% / 2; that way you could over-engingeer this correctly and change .image-section { grid-column: center-line / full-width-end
7 replies
KPCKevin Powell - Community
Created by I am Groot on 6/22/2024 in #front-end
clip-path not displaying cssbattle safari imac
7 replies
KPCKevin Powell - Community
Created by I am Groot on 6/22/2024 in #front-end
clip-path not displaying cssbattle safari imac
Yeah, cssBattle has lax rules becuase its a game of golf where as the least amount of characters used wins the battle. So they allow <a>'s and dont need to be closed. but I did change them to divs and added height and top:0 and it worked. So i suppose its a cssbattle thats throwing me off.
7 replies
KPCKevin Powell - Community
Created by I am Groot on 3/13/2024 in #front-end
HTML question --vscode <header"> added the quote mark, and breaks when removed
fortunately im not too far along and i can easily start over with my css
12 replies
KPCKevin Powell - Community
Created by internal_error_ on 2/18/2024 in #os-and-tools
How do I delete previous GitHub/VSCode syncs?
are you trying to create a new git repo from a forked repo? the only way i figured how to do that was by removing the git . .. files. or copying all the files except the git . .. files to a new file. then create a new git repo..
3 replies
KPCKevin Powell - Community
Created by I am Groot on 3/13/2024 in #front-end
HTML question --vscode <header"> added the quote mark, and breaks when removed
``
12 replies
KPCKevin Powell - Community
Created by I am Groot on 3/13/2024 in #front-end
HTML question --vscode <header"> added the quote mark, and breaks when removed
it is possible that at some point there was a quotation mark missing somewhere. i'm really just wondering if this was something vscode might interject if there is more than one header? I've really never seen it before.
12 replies