Caps-look Comments - Answer Overflow

Caps-look

•Created by ☢♬ ŕΔĻ𝔭ᕼ__ј𝐚𝓃 👽☹ on 3/16/2024 in #front-end

Working calendar

I would say you can do it yourself but all the time and dates things let libraries or such do cause you will get it wrong. Also I would personally use :php: for making the html of the calendar

39 replies

KPCKevin Powell - Community

•Created by jxerot <jesse> on 3/1/2024 in #front-end

Responsive shop page layout - Grid/Flex?

idk, maybe it won't work

63 replies

KPCKevin Powell - Community

•Created by jxerot <jesse> on 3/1/2024 in #front-end

Responsive shop page layout - Grid/Flex?

and then forcing one element to wrap

63 replies

KPCKevin Powell - Community

•Created by jxerot <jesse> on 3/1/2024 in #front-end

Responsive shop page layout - Grid/Flex?

and then forcing one element to wrap

63 replies

KPCKevin Powell - Community

•Created by jxerot <jesse> on 3/1/2024 in #front-end

Responsive shop page layout - Grid/Flex?

I think it could be done using flex and setting it direction to row and wrap(?) to wrap

63 replies

KPCKevin Powell - Community

•Created by Jus Sus || 💀 on 2/15/2024 in #front-end

How to change color of the select dropdown icon

It will change text and icon color

8 replies

KPCKevin Powell - Community

•Created by Jus Sus || 💀 on 2/15/2024 in #front-end

How to change color of the select dropdown icon

ahh, sorry so instead of 'background' use 'color'

8 replies

KPCKevin Powell - Community

•Created by Jus Sus || 💀 on 2/15/2024 in #front-end

How to change color of the select dropdown icon

for blue background "select{background: blue;}" and alike for other colors

8 replies

KPCKevin Powell - Community

•Created by D4niel on 2/8/2024 in #front-end

HTML and CSS responsiveness issues using Flexbox

I am on mobile. I would add on ".link-image" "width 50%". I would also remove inline height and width IF they are not necessary.

3 replies

KPCKevin Powell - Community

•Created by Pat66 on 2/5/2024 in #front-end

Set a grid

You forgot dot "." before "content"

5 replies

KPCKevin Powell - Community

•Created by Gauti_Indian on 2/3/2024 in #front-end

How to remove this empty space on right side that comes on scrolling the page up.

or very new

7 replies

KPCKevin Powell - Community

•Created by Tekyo on 1/28/2024 in #front-end

Having issues with scale property on hover

there shouldn't be any difference using

scale: 1.05;

scale: 1.05;

and

transform:scale(1.05)

transform:scale(1.05)

from what I understand

8 replies

KPCKevin Powell - Community

•Created by JJ on 1/26/2024 in #front-end

Fixing image height

height: 100% should work. Could you send minimal example with code?

2 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 1/25/2024 in #front-end

i need a little help with css

this allows to have zero selected if you want atleast one selected change the "toggle" to "add"

5 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 1/25/2024 in #front-end

i need a little help with css

assuming that you want only one item selected. Every .item in that scenario would have something like onclick="select(this)"

function select(e){
    const items = document.querySelectorAll(".item");
    for(let i=0; i<items.length; i++){
        if(items[i]==e) e.classList.toggle("selected");
        else items[i].classList.remove("selected");
    }
}

function select(e){
    const items = document.querySelectorAll(".item");
    for(let i=0; i<items.length; i++){
        if(items[i]==e) e.classList.toggle("selected");
        else items[i].classList.remove("selected");
    }
}

5 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 1/25/2024 in #front-end

i need a little help with css

for smartphone you would use a media query ei

@media (max-width: 600px) {/* styles */}

@media (max-width: 600px) {/* styles */}

5 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 1/25/2024 in #front-end

i need a little help with css

container style would something like

.menu{
    display: flex;
    /* or display: grid; grid-auto-fow: column; */
}

.item{
    border-radius: 5px;
    background: lightblue;
}

.item.selected{
    background: cyan;
}

.menu{
    display: flex;
    /* or display: grid; grid-auto-fow: column; */
}

.item{
    border-radius: 5px;
    background: lightblue;
}

.item.selected{
    background: cyan;
}

where .menu is the container and .item is the category

5 replies

KPCKevin Powell - Community

•Created by Skriti mož on 1/24/2024 in #front-end

svg with color-scheme: dark light, automatic BUT BACKGROUND!

no clue

66 replies

Gaming

Programming