KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

front-end

resources

back-end

ui-ux

os-and-tools

Dev_zxc

10/12/2023

can you have an if else statement inside this ```style={{ }}```

i was wondering if you can do an if else statement inside

style={{ }}

style={{ }}

, like do this static color in when this happens and do this color when this happens etc

Aemro11

10/12/2023

I am stuck on this challenge help me

I have attached event handler to the noOfPeople input and in the event handler I call another function which is called validate field which calls validator on each input and from the validators whcih the validateField calls in the validatorSelectTip function the this keyword refers to undefined. why is that because I have attached the bind keyword when I call the event handler on the "noOfPeople" input. this is the live-site url: https://aemrobe.github.io/Tip-calculator-app-main/ this is the git repo: https://github.com/aemrobe/Tip-calculator-app-main.git...

ChrisBarin

10/12/2023

Change column order in mobile view

Hi, I'm a beginner and I'd like to swap around two columns in the mobile version of this page: https://expertphotoshop.ro/checkout/?add-to-cart=21190 Basically have the "please register" element up and the checklist down. How can I do that with CSS? Thank you! Chris....

CDL

10/12/2023

Typical starting template for creating a div container on an entire page?

Morning I always mess this up somehow, my typical start is below: ```js...

Takyon_is_Online

10/12/2023

A question about getting Sass setup

Do you alway install sass when you use it or will it always be stored on your pc? I'm using VSCode. I installed Sass before on a project but it looks like I have to install it again...

danushka

10/11/2023

Help! How to develop this UI

After working on a whole day I couldn't develop this. It's very complex. This is a React project. Developing these two navigation bars quite difficult. I couldn't imagine how should I develop html structure and how can I achieve this with css. Can anyone give me a guide or a hint, I really appreciate it. 🤗 Live link : https://www.shangri-la.com/en/colombo/shangrila/...

Jenny P

10/11/2023

Fancybox alternatives to modals

We currently use an older, free version of Fancybox to load images and forms in modal lightboxes. I was about to be all set to migrate to or program my own non-jquery-dependent solution, aaaaand now we're using pardot forms which are iframes. (Which we hate so much.) Can anyone recommend a good alternative to fancybox that handles images and iframes? The latest v5 of Fancybox seems like it's just a paid license now.

xstreme

10/11/2023

Huge Gap Between Two Lines of <h1> Tag

I am having an issue here with the <h1> tag. I have broken the text so it is split between two lines of text but there is a huge gap between the two and I would like them to be much closer than what they are. Any suggestions on what I can do to make them come closer together?

AlexTassotti

10/11/2023

bootstrap fixed navbar moves on scroll

I have a bootstrap fixe- top navbar on my site. On mobile devices it moves up half its height on scrolling down. It stays on top of everything so when you have slim fingers you can still open the burger, but it looks bad 😦 Any ideas?

Riky

10/11/2023

How to select specific tags in a tag

I want to make everything in the div uppercase, except the span that has a "k" in it because it's a small k

Stephin Maju

10/11/2023

how to style this check box

Jus Sus || 💀

10/11/2023

Fixed position element causing issue on hover

https://www.veed.io/view/415c35b6-2139-4b4b-a0a5-3ac0852561e2?panel=share. I have attached a video above. The search element is positioned fixed 550px from top. then expanding of seachbar works fine when i dont scroll. but when i scroll and then hover it glitches. I switched to position absolute then that glitch affect goes away but i will not same fixed position relative to viewport. Here is the code: codepen: https://codepen.io/stressunfit/pen/gOZEmWp?editors=1100...

ZEROHEART

10/11/2023

:root{font-size:1vw:}.my-title{font-size:7rem}

above is does the reponsive size of the font depending on the vw but the is the feasablity of this tried in one blog type web page lookgs exaclty from TABLET - LARGE DESKTOP...

Chaves

10/11/2023

Should I create a separate stylesheet just for responsive?

Which practice is better, making it responsive within the main style sheet, or creating another style sheet just for responsive, media query, etc.? I know that the more stylesheets I connect to my head, the more http requests will be made.

itsMU1X

10/11/2023

FCP, LCP in web vitals.

i made a website using svelte and tailwind css this div here is making my website quite not a good one ```html <div class="w-52 sm:w-64"> <img...

Anonymous DEV

10/11/2023

i want to know how i can make this design

every thing else i think i can pull off but the curves in the middle can someone explain how i can make that m not good with photoshop is there any other way

davidcancube

10/11/2023

how to put the text side of the image

like this

Jus Sus || 💀

10/11/2023

How to make this heart icon

I have made heart icon using 2 circles and one div angled. But i cant make it just show border of heart shape and make inside of heart transparent. I want heart like this where it just shows outline of heart and inside it must be transparent. When click on it , it should turn red. Any kind of help i will be very thankful❤️.

Bawdy Ink Slinger

10/10/2023

Are DOM modifications synchronous?

1. If I modify the DOM, can I be sure that that the next line of code has consistent access to that modification? 2. Same question, but for Tasks, microtasks, queues and schedules....

lonmakes

10/10/2023

Any thoughts on a pure CSS solution color behind letters?

A deviously simple-looking challenge. Just a block of text with a background color. That only goes behind the text. 🙂 Obviously not looking for a hard-coded clip path or something, but a general solution....

Previous Next

Gaming

Programming

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.