İbrahim Posts - Answer Overflow

İbrahim

Explore posts from servers

DIAdiscord.js - Imagine an app KPCKevin Powell - Community TTermux

•Created by İbrahim on 5/28/2024 in #ui-ux

Layout Suggestion

Hello 👋🏻 I actually thought about “okay, this all look good on wide screen but what about mobile devices?” So I am here 😁 What would be your approach for these boxes in mobile version? Images on the top of the text or text above image etc.? Image Link: https://media.discordapp.net/attachments/1242555864343253023/1244930589598023710/image0.jpg?ex=6656e776&is=665595f6&hm=6afdcfbcfdd0a9a1223d5f86037598ebf853182388b82eaa97cf028d2bc5897b&

38 replies

KPCKevin Powell - Community

•Created by İbrahim on 5/8/2024 in #ui-ux

Which layout looks better?

27 replies

KPCKevin Powell - Community

•Created by İbrahim on 3/12/2024 in #ui-ux

Website for Discord Bot

16 replies

KPCKevin Powell - Community

•Created by İbrahim on 3/10/2024 in #front-end

Why there is a box on blurred SVG?

4 replies

KPCKevin Powell - Community

•Created by İbrahim on 2/1/2024 in #front-end

Underline Bug

I don't know why underline gets thinner then it gets bold even though it is thickness set to 5px:

.your-ruleset-here {
  text-decoration: underline;
  text-underline-offset: 0.5em;
  text-decoration-thickness: 5px;
  padding: 5px;
  transition: text-underline-offset 1s ease;

  &:hover {
    text-underline-offset: 1em;
  }
}

.your-ruleset-here {
  text-decoration: underline;
  text-underline-offset: 0.5em;
  text-decoration-thickness: 5px;
  padding: 5px;
  transition: text-underline-offset 1s ease;

  &:hover {
    text-underline-offset: 1em;
  }
}

Tested on Safari

32 replies

KPCKevin Powell - Community

•Created by İbrahim on 1/16/2024 in #front-end

Jumping for character

89 replies

KPCKevin Powell - Community

•Created by İbrahim on 12/18/2023 in #front-end

Suggestion for Page Layout and How to Manage It

177 replies

KPCKevin Powell - Community

•Created by İbrahim on 10/20/2023 in #front-end

CSS Animation (Safari) is not Working Properly

Hello! 👋🏻 I am facing with an issue happening on Safari, with animation. I don't know why this is happening either. The code looks so clean to me. I have checked dev tools, the animation too but I couldn't control it (I guess it is not supported yet to play / pause animations). Code

<li class="nav-item highlighted-text slide-top">
    <a href="#minesa-plus">Minesa+</a>
</li>

<li class="nav-item highlighted-text slide-top">
    <a href="#minesa-plus">Minesa+</a>
</li>

.slide-top {
    animation: slide-top var(--animation-time) linear;
    animation-delay: 0ms; /* Added to remove glitch but still happening... */
}

.slide-top {
    animation: slide-top var(--animation-time) linear;
    animation-delay: 0ms; /* Added to remove glitch but still happening... */
}

10 replies

KPCKevin Powell - Community

•Created by İbrahim on 9/20/2023 in #front-end

How to crop overflowing element?

8 replies

KPCKevin Powell - Community

•Created by İbrahim on 8/15/2023 in #front-end

What would be the best approach for SVG files?

Hi 👋🏻 I am wondering what would be the best approach for using SVG files on HTML file. Personally, I like clean code which not excluding “svg, path” etc. on my HTML file. I like to import it with img property but yet it doesn’t allow me to fill or stroke the SVG file. What should I do?

6 replies

KPCKevin Powell - Community

•Created by İbrahim on 6/28/2023 in #front-end

Header's Border Line Reacting to Main

7 replies

Gaming

Programming