Beyond^sight
Explore posts from serversTTCTheo's Typesafe Cult
•Created by Beyond^sight on 1/16/2025 in #questions
Tanstack - React tabel , pagination problem
3 replies
TTCTheo's Typesafe Cult
•Created by Beyond^sight on 12/30/2024 in #questions
-- Runing a TS files code from a Next app created with `npm` command --
📝 Update : Have installed the
npx into the app then the github command has worked, ready to move foward, appreciate y all suport ❤️12 replies
TTCTheo's Typesafe Cult
•Created by Beyond^sight on 12/30/2024 in #questions
-- Runing a TS files code from a Next app created with `npm` command --
12 replies
TTCTheo's Typesafe Cult
•Created by Beyond^sight on 12/30/2024 in #questions
-- Runing a TS files code from a Next app created with `npm` command --
i ve done that
12 replies
TTCTheo's Typesafe Cult
•Created by Beyond^sight on 12/30/2024 in #questions
-- Runing a TS files code from a Next app created with `npm` command --
that s the actual
tsconfig.json :
{
"compilerOptions": {
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "Node",
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"resolveJsonModule": true,
"strict": true,
"skipLibCheck": true,
"noEmit": true,
"baseUrl": ".",
"paths": {
"src/*": ["./src/*"]
}
},
"include": [
"src",
".eslintrc.cjs",
"next-env.d.ts",
"src/**/*.mts",
"src/**/*.mjs",
"src/**/*.ts",
"src/**/*.tsx",
".next/types/**/*.ts"
]
}
pls 🧠 let me know what could i do 2 run the github.ts file whitout problems 😃12 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
oh, does that align the words in the center ?? i toked it off and now letter spacing it s just fine
26 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
in the media screens above ?
26 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
did you know that letterspacing could solve the
non-equivalent space between words ? 🤔
26 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
26 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
26 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
somehow discord doesn t allow me to send code this way without nitro
26 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
26 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
I m not sure i understand wym
26 replies
KPCKevin Powell - Community
•Created by Beyond^sight on 7/6/2024 in #front-end
Paragraphs displayed partially in smaller screen
And here s the css :
/* Testimonial.css */
.testimonial-carousel {
overflow: hidden;
position: relative;
width: 60%;
margin: auto;
height: 70vh;
}
.testimonial-container { display: flex; transition: transform 0.5s ease-in-out; width: 400%; margin-top: 2.5rem; }
.testimonial { min-width: 100%; transition: opacity 0.5s ease-in-out; box-sizing: border-box; padding: 0 1rem; } .client-text { text-align: justify; width: 100%; padding: 0.5rem; font-size: 1.3rem; line-height: 1.5; }
.visible { opacity: 1; } @media screen and (max-width:930px) { .testimonial-carousel { overflow: hidden; position: relative; width: 100%; margin: auto; height: 60vh; } .client-text { text-justify: auto; width: 100%;
font-size: 1rem; line-height: 1;
} .testimonial { width: 100%; max-width: 100%; transition: opacity 0.5s ease-in-out; } } @media screen and (max-width: 480px) { .testimonial-carousel { overflow: hidden; position: relative; width: 80%; margin: auto; height: 60vh; } .client-text { text-justify: auto; width: 80%; font-size: 1rem; line-height: 1;
} .testimonial { width: 100%; transition: opacity 0.5s ease-in-out; } }
.testimonial-container { display: flex; transition: transform 0.5s ease-in-out; width: 400%; margin-top: 2.5rem; }
.testimonial { min-width: 100%; transition: opacity 0.5s ease-in-out; box-sizing: border-box; padding: 0 1rem; } .client-text { text-align: justify; width: 100%; padding: 0.5rem; font-size: 1.3rem; line-height: 1.5; }
.visible { opacity: 1; } @media screen and (max-width:930px) { .testimonial-carousel { overflow: hidden; position: relative; width: 100%; margin: auto; height: 60vh; } .client-text { text-justify: auto; width: 100%;
font-size: 1rem; line-height: 1;
} .testimonial { width: 100%; max-width: 100%; transition: opacity 0.5s ease-in-out; } } @media screen and (max-width: 480px) { .testimonial-carousel { overflow: hidden; position: relative; width: 80%; margin: auto; height: 60vh; } .client-text { text-justify: auto; width: 80%; font-size: 1rem; line-height: 1;
} .testimonial { width: 100%; transition: opacity 0.5s ease-in-out; } }
26 replies