Toni. Comments - Answer Overflow

Toni.

•Created by Psyzen on 11/2/2023 in #front-end

How to show first 3 items in the browser ?

i think grid and fr units wold also work here, no?

9 replies

•Created by Cortezano on 11/2/2023 in #front-end

:root gradient color issue

there's a few issues: 1. everything in the gradient is put at 100%

    --cyberpunk: linear-gradient(90deg, #00F0FF 100%, #5200FF 100%, #FF2DF7 100%);

    --cyberpunk: linear-gradient(90deg, #00F0FF 100%, #5200FF 100%, #FF2DF7 100%);

i went ahead and modified it to be something like this:

--cyberpunk: linear-gradient(90deg, #00F0FF 25%, #5200FF 75%, #FF2DF7 100%);

--cyberpunk: linear-gradient(90deg, #00F0FF 25%, #5200FF 75%, #FF2DF7 100%);

2. you can't put gradient as text color just yet, so everyone just uses this workaround:

a {
  background: var(--cyberpunk);
  font-size: 30px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a {
  background: var(--cyberpunk);
  font-size: 30px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

now take it from here and see what you can achieve

3 replies

•Created by lko on 10/29/2023 in #front-end

How to make scrollable columns in flex-grow

i added h-96, but you can modify it to be however you like https://play.tailwindcss.com/mbl7cCNDcs

5 replies

•Created by lko on 10/29/2023 in #front-end

How to make scrollable columns in flex-grow

hi! easy solution is to add a height to the div with the text

5 replies