rezabet Posts - Answer Overflow

rezabet

Explore posts from servers

KPCKevin Powell - Community CDCloudflare Developers

Posts Comments

KPCKevin Powell - Community

•Created by rezabet on 4/30/2024 in #front-end

Help trying to understand Canvas API

63 replies

CDCloudflare Developers

•Created by rezabet on 4/22/2024 in #general-help

Cloudflare's Mail Servers?

Hi all 👋, So I was reading the Cloudflare website here: https://www.cloudflare.com/learning/dns/dns-records/dns-spf-record/ and it said that SPF records should follow this format:

v=spf1 ip4:192.0.2.0 ip4:192.0.2.1 include:examplesender.email -all

v=spf1 ip4:192.0.2.0 ip4:192.0.2.1 include:examplesender.email -all

How can I include Cloudflare's mail servers though? What should I write for that? I couldn't find any documentation specifying what should be typed. ChatGPT said: include:spf.cloudflare.com but I'm not sure if that's correct?

201 replies

KPCKevin Powell - Community

•Created by rezabet on 3/26/2024 in #front-end

How do I have text go to the start when exceeding the width of `textarea`?

91 replies

KPCKevin Powell - Community

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

Favicon Doesn't work

Tried doing this: <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />, doesn't work though and my logo doesn't show up.

109 replies

KPCKevin Powell - Community

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

how to create this "popup"

3 replies

KPCKevin Powell - Community

•Created by rezabet on 1/31/2023 in #front-end

how to create similar layout?

5 replies

KPCKevin Powell - Community

•Created by rezabet on 1/29/2023 in #front-end

@media

hi all, there is a problem when i'm setting media queries. whenever i do this:

@media screen and (width >= 1024px) { /* changes layout */ }

@media screen and (width >= 1024px) { /* changes layout */ }

it doesn't change the layout at 1024px, instead, it does so at 920px why does it do that?

12 replies

KPCKevin Powell - Community

•Created by rezabet on 1/28/2023 in #front-end

question about animation

hi all, so, animation-delay specifies the delay before the animation starts and NOT the delay in between iterations right? how can i achieve the latter? a delay in between iterations

21 replies

KPCKevin Powell - Community

•Created by rezabet on 1/28/2023 in #front-end

grid-auto-flow: dense not working

6 replies

KPCKevin Powell - Community

•Created by rezabet on 1/28/2023 in #front-end

quick question

hey all, i just have a quick question, can i do something like this: so on mobile, i have 4 images, then i set a media query where when we are at 1440px wide, i add more 7 more images, so 11 images in total in desktop. is this possible? add/remove html on media query condition

20 replies

KPCKevin Powell - Community

•Created by rezabet on 1/25/2023 in #front-end

how to create a "preloader"

the title essentially says it all ^ this is my first time doing it, so i'm not sure where to start/what to do. to be specific, i really like the loading screen shown here with her name (can be replaced with a title) and a line (or some sort of unique squiggle): https://indiharris.webflow.io/ any help/suggestions on this is appreciated, thanks!

12 replies

KPCKevin Powell - Community

•Created by rezabet on 12/27/2022 in #front-end

how to make a bottom-to-top scrollbar?

7 replies

KPCKevin Powell - Community

•Created by rezabet on 12/23/2022 in #front-end

make input field expand vertically

hi, i want to make my input field expand vertically when the text overflows, i attached a quick video snippet to show you what i mean

29 replies

KPCKevin Powell - Community

•Created by rezabet on 11/13/2022 in #front-end

overflow hidden not working

8 replies

KPCKevin Powell - Community

•Created by rezabet on 11/13/2022 in #front-end

Conditional ... if line is too long

10 replies

KPCKevin Powell - Community

•Created by rezabet on 11/13/2022 in #front-end

Removing default outline

Hi all, I don't want that default black outline on Chrome. I can use outline: none;, which removes it, but I hear that is bad practice; so what should be done? Maybe this?

input {
  outline: transparent;
}

input {
  outline: transparent;
}

9 replies

KPCKevin Powell - Community

•Created by rezabet on 11/12/2022 in #front-end

General Question about CSS

So I'm sure CSS can get out of hand easily in big projects. My question is, what are y'all recommendations for having well-structured CSS? Multiple files/folders, CSS methodologies? If it's these, can you please maybe link me to a source where I can download a boilerplate template of the files/folders and which CSS methodology is best? If there's more than just these, please let me know too. All answers are appreciated, thanks! 🙂

5 replies

KPCKevin Powell - Community

•Created by rezabet on 11/7/2022 in #front-end

auto-fill vs auto-fit?

Title ^ I checked other articles and StackOverflow like this one here: https://stackoverflow.com/questions/46226539/what-is-the-difference-between-auto-fill-and-auto-fit ,but I'm still confused

4 replies

KPCKevin Powell - Community

•Created by rezabet on 11/7/2022 in #front-end

What's the point of naming grid lines?

Hi guys; so here's some code:

<div class="wrapper">
  <div class="item1">Start column line 1, span 3 column tracks.</div>
  <div class="item2">
    Start column line 6, span 4 column tracks. 2 row tracks.
  </div>
  <div class="item3">Start row 2 column line 2, span 2 column tracks.</div>
  <div class="item4">
    Start at column line 3, span to the end of the grid (-1).
  </div>
</div>

<div class="wrapper">
  <div class="item1">Start column line 1, span 3 column tracks.</div>
  <div class="item2">
    Start column line 6, span 4 column tracks. 2 row tracks.
  </div>
  <div class="item3">Start row 2 column line 2, span 2 column tracks.</div>
  <div class="item4">
    Start at column line 3, span to the end of the grid (-1).
  </div>
</div>

.wrapper {
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 20px;
}

.item1 {
  grid-column: col-start / span 3;
}
.item2 {
  grid-column: col-start 6 / span 4;
  grid-row: 1 / 3;
}
.item3 {
  grid-column: col-start 2 / span 2;
  grid-row: 2;
}
.item4 {
  grid-column: col-start 3 / -1;
  grid-row: 3;
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 20px;
}

.item1 {
  grid-column: col-start / span 3;
}
.item2 {
  grid-column: col-start 6 / span 4;
  grid-row: 1 / 3;
}
.item3 {
  grid-column: col-start 2 / span 2;
  grid-row: 2;
}
.item4 {
  grid-column: col-start 3 / -1;
  grid-row: 3;
}

7 replies

KPCKevin Powell - Community

•Created by rezabet on 11/6/2022 in #front-end

What technologies to use to create a graph like that?

9 replies

Gaming

Programming