Abdul Rehaman Shaikh
KPCKevin Powell - Community
โขCreated by CDL on 3/14/2024 in #front-end
Help a bro center his CV
you have given a fixed width to it in mm and you can use margin: 0 auto; to center it. Also you can use display: grid and place-items: center; on your body to center it both vertically and horizontally in the center. For vertically center, you may height on your body.
11 replies
KPCKevin Powell - Community
โขCreated by CDL on 3/14/2024 in #front-end
Help a bro center his CV
You just need margin: 0 auto on your .wrapper class
11 replies
KPCKevin Powell - Community
โขCreated by ABUL KALAM on 3/13/2024 in #front-end
Fonts in tailwindcss
Yes. Have you read the article from the link I shared? I hope you will understand from it ๐
8 replies
KPCKevin Powell - Community
โขCreated by Betterkosova on 3/13/2024 in #front-end
Yo how to limit items in a flex?
You can give a min-width to the children so that each take up space which makes 3 of them fit in a row and rest wrap using flex wrap. A codepen for reference: You can tweak the value of min-width to your liking. Also, note at one time during responsive mode, you are left with one orphan item which spans full-width.
https://codepen.io/i4mabdul/pen/qBwadYx
You can also use grid like tok124 mentioned.
15 replies
KPCKevin Powell - Community
โขCreated by ABUL KALAM on 3/13/2024 in #front-end
Fonts in tailwindcss
In case you want to read:
https://tailwindcss.com/docs/font-family
8 replies
KPCKevin Powell - Community
โขCreated by ABUL KALAM on 3/13/2024 in #front-end
Fonts in tailwindcss
By default, Tailwind provides three font family utilities: a cross-browser sans-serif stack, a cross-browser serif stack, and a cross-browser monospaced stack
8 replies
KPCKevin Powell - Community
โขCreated by ABUL KALAM on 3/13/2024 in #front-end
Fonts in tailwindcss
Did you check if it was truly Proxima Nova? Have you installed this on your local machine?
8 replies
KPCKevin Powell - Community
โขCreated by Neฯ่ฎธ on 3/12/2024 in #ui-ux
Website for Discord Bot
Looks good. Some minor fixes are there but good job ๐
16 replies
KPCKevin Powell - Community
โขCreated by Blackwolf on 3/11/2024 in #front-end
CSS Z-index changing unexpectedly
transform have their own stacking order. Check out my codepen and see if that's the effect you wanted
25 replies
KPCKevin Powell - Community
โขCreated by Blackwolf on 3/11/2024 in #front-end
CSS Z-index changing unexpectedly
The main issue is that the box and it's pseudo class are not in the same stacking order. I mean you are moving the box and its before both using transform property. If you try wrapping the box in a container div and then on hover of that div you move the before, it will work as you expect it to work.
https://codepen.io/i4mabdul/pen/BaEzRRg
25 replies
KPCKevin Powell - Community
โขCreated by Blackwolf on 3/11/2024 in #front-end
CSS Z-index changing unexpectedly
Iโll duplicate and let you know ๐
25 replies
KPCKevin Powell - Community
โขCreated by Blackwolf on 3/11/2024 in #front-end
CSS Z-index changing unexpectedly
Ahhโฆ transform is your friend then
25 replies
KPCKevin Powell - Community
โขCreated by Blackwolf on 3/11/2024 in #front-end
CSS Z-index changing unexpectedly
Ahhโฆ my bad! I assumed you wanted blue over red ๐
25 replies
KPCKevin Powell - Community
โขCreated by Blackwolf on 3/11/2024 in #front-end
CSS Z-index changing unexpectedly
You did want blue over red, right?
25 replies
KPCKevin Powell - Community
โขCreated by Blackwolf on 3/11/2024 in #front-end
CSS Z-index changing unexpectedly
I just gave the #box a z-index of 1 and it came over red box
25 replies
KPCKevin Powell - Community
โขCreated by Blackwolf on 3/11/2024 in #front-end
CSS Z-index changing unexpectedly
Did you try giving a z-index to #box
25 replies
KPCKevin Powell - Community
โขCreated by M Rashaad Hartley on 3/11/2024 in #front-end
Font Face / Hosting Own Fonts
The first syntax you pasted for font family: you donโt need two src properties and if you using variable fonts , font-weight : 300 700 is sufficient. This covers all ranges
9 replies
KPCKevin Powell - Community
โขCreated by Ribas on 3/11/2024 in #front-end
How can I select only 2 weights of a variable font?
You subset fonts. Similar questions has been asked in the group. You can check it for various solutions
2 replies
KPCKevin Powell - Community
โขCreated by Wolfy on 3/11/2024 in #ui-ux
Which design is better?
darker
12 replies
KPCKevin Powell - Community
โขCreated by CDL on 3/6/2024 in #ui-ux
Button coloring with a imaged background
From UX perspective, Just a single button with no title doesn't give much context to users.
From UI perspective, There is whole lot of whitespace and just a button in the center.
From coding perspective, why not add a overlay on top of image to make your button stand out
50 replies