Soum Posts - Answer Overflow

So I have a card where if you hover then it scales up. If you remove hover it scales back to normal instantly. How do I make the scaling out as an animation as well?

.card:hover {
    transition: ease 1s;
}

.card:hover {
    transition: ease 1s;
}

3 replies

KPCKevin Powell - Community

•Created by Soum on 4/1/2023 in #ui-ux

How do I make the cards seem like they're clickable? I don't want CTA buttons below the cards.

5 replies

KPCKevin Powell - Community

•Created by Soum on 3/6/2023 in #ui-ux

UI design course?

Whenever I search for a UI design course, I only seem to find UX courses like google's UX course on coursera (yes i've taken it already) or on specific tools courses like Adobe XD and figma. Haven't found a core UI design only course that focuses on creating stunning website designs prototypes. Any suggestions?

8 replies

KPCKevin Powell - Community

•Created by Soum on 12/7/2022 in #front-end

Transform scale to increase size of image causing overflow

Hello. I'm using transform scale property to increase the size of an image but that is making an x overflow. If I write overflow-x: hidden that doesn't fix the overflow. The image isn't overflowing from the page, rather it's the parent div that is overflowing. Only happening on mobile device

31 replies

KPCKevin Powell - Community

•Created by Soum on 11/19/2022 in #front-end

Getting this error

6 replies

KPCKevin Powell - Community

•Created by Soum on 11/10/2022 in #front-end

p tags or br tags?

36 replies

KPCKevin Powell - Community

•Created by Soum on 11/5/2022 in #front-end

Is text stroke still the best way to create outline texts?

8 replies

KPCKevin Powell - Community

•Created by Soum on 11/4/2022 in #front-end

Width and height works in inline css but not in external css

<video class="anim-logo" width="160" height="100%" autoplay muted playsinline>

<video class="anim-logo" width="160" height="100%" autoplay muted playsinline>

When i remove the width and height from the inline css and put it in css targeting the class anim-logo like this

.anim-logo {
  width: 160;
  height: 100%;
}

.anim-logo {
  width: 160;
  height: 100%;
}

Then width and the height doesn't takes in effect like it did if I put it in the html. Why?

6 replies

KPCKevin Powell - Community

•Created by Soum on 10/28/2022 in #front-end

Section html tag

Hi, I explain my question in the video via voice.

6 replies

KPCKevin Powell - Community

•Created by Soum on 10/28/2022 in #front-end

Is positioning the right way to move things around the page?

2 replies

KPCKevin Powell - Community

•Created by Soum on 10/26/2022 in #front-end

180deg linear gradient causing line at the bottom

19 replies

Gaming

Programming