Khoa
Khoa
PostsComments
KPCKevin Powell - Community
Created by Ayomide on 11/9/2024 in #front-end
Flex wrap issue
obviously you dont want 3 tiny buttons with 3 different sizes on mobile, it's really bad user experience.
9 replies
KPCKevin Powell - Community
Created by Ayomide on 11/9/2024 in #front-end
Flex wrap issue
here's some example code I just wrote
9 replies
KPCKevin Powell - Community
Created by Ayomide on 11/9/2024 in #front-end
Flex wrap issue
https://jsfiddle.net/auq1dhot/4/
9 replies
KPCKevin Powell - Community
Created by Ayomide on 11/9/2024 in #front-end
Flex wrap issue
if you go for a grid layout you can have 3 boxes that have equal size
9 replies
KPCKevin Powell - Community
Created by Ganesh Dole on 6/26/2024 in #ui-ux
How can I improve my website design
you might want breadcrumb or a back button so that people can go back after reading a question
15 replies
KPCKevin Powell - Community
Created by Ganesh Dole on 6/26/2024 in #ui-ux
How can I improve my website design
you should have a way to differentiate the questions and the replies below the question. rn it's using the same styled box
15 replies
KPCKevin Powell - Community
Created by Ganesh Dole on 6/26/2024 in #ui-ux
How can I improve my website design
your footer is very good. 👌
15 replies
KPCKevin Powell - Community
Created by Ganesh Dole on 6/26/2024 in #ui-ux
How can I improve my website design
No description
15 replies
KPCKevin Powell - Community
Created by Khoa on 5/3/2024 in #front-end
Code this weird bendy thing with text inside?
thank you. these look very promising
3 replies
KPCKevin Powell - Community
Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
use that python fonttools cmd thingy, it works really well on my variable Inter
58 replies
KPCKevin Powell - Community
Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
it can be a massive size reduction
58 replies
KPCKevin Powell - Community
Created by 共産主義のト二イ on 3/2/2024 in #front-end
Is it possible to reduce the size of a font-variable.woff2 file?
if you only type latin characters on your website, subset can remove other characters that aren't latin
58 replies
KPCKevin Powell - Community
Created by Afghan_Goat on 3/5/2024 in #front-end
Is my site layout saveable?
you should be able to achieve any grid layout simply by adjusting the --min up and down
50 replies
KPCKevin Powell - Community
Created by Afghan_Goat on 3/5/2024 in #front-end
Is my site layout saveable?
.flexes {

    --min: 50ch;
    --gap: 1rem;
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
}
.flexes {

    --min: 50ch;
    --gap: 1rem;
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
}
50 replies
KPCKevin Powell - Community
Created by Afghan_Goat on 3/5/2024 in #front-end
Is my site layout saveable?
No description
50 replies
KPCKevin Powell - Community
Created by Afghan_Goat on 3/5/2024 in #front-end
Is my site layout saveable?
No description
50 replies
KPCKevin Powell - Community
Created by Afghan_Goat on 3/5/2024 in #front-end
Is my site layout saveable?
sure, that's a good idea
50 replies
KPCKevin Powell - Community
Created by Afghan_Goat on 3/5/2024 in #front-end
Is my site layout saveable?
No description
50 replies
KPCKevin Powell - Community
Created by Afghan_Goat on 3/5/2024 in #front-end
Is my site layout saveable?
I have some advice: - the fonts: change it to something easy to read, professional, sans-serif. I always recommend "Inter". you can keep the font of the heading if you like it. the text on your project description is too big, try 14-16px. google "typescale generator" it should get you a collection of font size to use - colors: do not use pure black and white, it cause eye strain. use a color palette generator: https://www.hover.dev/css-color-palette-generator, pick yourself a brand color and make it the primary in the generator - start using icons, it helps people navigate other pages easier - spacing: you need to create more space between each sections so that people can scan your website. example: create a empty space between your introduction and your projects (try 80px or more, something multiply by 8 is usually good) - if you want something really crazy, like animation and stuff, start learning gsap and follow codegrid on youtube - you can add a contact section at the end, link to your social media, email and stuff too - try having a hero section at the top (with images of you or illustration), introduce yourself, what you do - you can have a section that list your skills and your technology - add more padding to your project card - text-align:left on everything
50 replies
KPCKevin Powell - Community
Created by Afghan_Goat on 3/5/2024 in #front-end
Is my site layout saveable?
I think the page is quite readable
50 replies