Kevin Powell - Community

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

help

Brief question about SVG's

Should I bother try to learn to create SVG's or is there any good website to get SVG's

How React ROUTER works??

Hi guys, I am using Router for the first time in React, but I am having issues with it. First, I installed React-router-dom in the terminal by using this command here
npm install react-router-dom localforage match-sorter sort-by
npm install react-router-dom localforage match-sorter sort-by
...So, it should be working perfecty, but it doesn't. As you can see in the image below,should be appearing the message in the h1 tag. What can I do to solve this?

Concept understanding: ES6 Modules

I'm taking a class on NodeJS, which uses commonJS syntax in order to import and export modules.
ES6 syntax can also be used to import and export modules as well, however only on Browser-run JS with the needed <script type = "module"> attribute. ES6 syntax is not recognized in NodeJS since NodeJS was released prior to ES6. Else, if ES6 syntax can be used in a non-browser context, it would have to be for a different "runtime environment" than NodeJS. ...

Display Bug

Hey guys i recently started a refresher course on NEXT-js and finished the first project i had but ran into a super weird bug ive never seen before, on mobile when using the base safari browser my code looks broken but when i open the same page in an incognito window, it looks as it should, has anyone ran into this before? im including a video showing both windows.

Does this slider requires JS or pure css ok with it?

Problem is i need auto loop, and besides when moving between navigations , the page moves downwards? a bit weird ```js <div className='homepageslider'> <div className='homepageslides'> {slides?.map((slide, index) => {...

Anyone know what could be the reason for this behaviour?

so im pushing an object inside an array when save button is clicked. first time clicking on save button pushed the object once, but on second time its pushing the same object twice and so on. Also the labels is not updating. can someone help me figure out where the issue is? codepen is specifically for label https://codepen.io/avinash-tallapaneni/pen/VwEGMoK...

how does the browser calculate width of flex items?

https://jsfiddle.net/FreTimmerman/1uo87vfb/12/ asking this for a friend. he (and i) wants to know why on the top row, the text is wrapping however the element itself is much wider how can it be solved that the block only takes the space needed for those 2 lines of text? min-content obviously doesn't work since it then wraps into 3 lines...

Redux useSelector returns undefined

New to redux and just having difficulty working out how to access my state on line 52. useSelector is just returning undefined. Bit lost ngl. https://codepen.io/nwoodward/pen/vYVaQyW?editors=0011 ``` ...

CSS functional Searchbox help

I want to make the search bar functional also when no search found it showed show this as shown in picture how can I achieve this?

<details> Is it possible to use flex?

Hi, I am trying to get a <details> tag to work with flex. the target is to have the content on the right side of the summary. I did not find something working and want to ask if there is anyone that can explain why this is not working....

One of the navlinks not updating after log in

https://github.com/Aman2980/S2-23_Website Here is a link to the project. In the header on each page I have this nav-item
<li class="nav-item">
<a href="Stats.html" class="nav-link stats">Statistics</a>
</li>
<li class="nav-item">
<a href="Stats.html" class="nav-link stats">Statistics</a>
</li>
...

background image

Hi everyone I realise a web site who look like this...

CSS help and suggestion

Considering this image. I want to implement the same contact form. which cover half of the header section and half of the white section. What are the best way to make it possible. My approach: <div className="bg-grey">...

ARIA label for multiple currencies

Hello. I have a button with an item title + price as the aria label ex: Blue shorts $39.99 read as (Blue shorts thirty nine dollars and ninety nine cents) And the item can be sold in canada where it would be ...

One Navlink not showing

https://github.com/Aman2980/S2-23_Website Here is a link to the project. In the header on each page I have this nav-item
<li class="nav-item">
<a href="Stats.html" class="nav-link stats">Statistics</a>
</li>
<li class="nav-item">
<a href="Stats.html" class="nav-link stats">Statistics</a>
</li>
In the common.css file I set ```.nav-link.stats{ visibility: hidden;...

How to set fixed background-image

I'm having an issue with this particular front-end mentor project https://www.frontendmentor.io/challenges/profile-card-component-cfArpWshJ I want background patterns to have fixed positions, but It seems like I can't maintain responsiveness, The image disappears when I try on the small screen,...

WRAPPER PROBLEM

Hello everyone newbie question GM/GE, I have a wrapper and wrapper is set to max-width, so the content inside is affected, the problem is that the backgrounds I used in my nav-bar are also affected by the max-width, what should I do? Thank you