Defining TypeScript type or interface for array within object
I am at the beginning of my TypeScript learning curve and am currently struggling as to how to create an interface (or type?) for an array within an object.
This is within a React component.
I have the following object:
...
Problem with Font Preloading
hello everyone.(sry for my bad english)
hello everyone, in my project woff2 format fonts are connected like this "<link rel="preload" href="fonts/PublicSansRegular.woff2" as="font" type="font/woff2" crossorigin>" but in developers tolls it always shows me this warning "00/fonts/PublicSansRegular.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate
as value and it is preloaded intentionally." I can't solve this problem, can anyone help?...null error work around.
Im having various event listeners for child class . In HTML there is only parent classes, the child classes are then added via JS, when a page loads im getting null errors for these event listners, how to fix this?
npm package instructions say to include a specific .js file, names it, but where is this file?
I'm installing an npm package for an accessible modal dialog from here : https://www.npmjs.com/package/aria-modal-dialog?activeTab=readme
Installing now, under "Standard Usage", it tells me to "Include the a11y.modal.js file at the bottom of your document" but there is no link or indication of where it's located.
Where am I supposed to get this file from?...
Modify page contents via shadow dom?
Is it possible to entirely replace the page contents by hiding the old ones into the shadow dom and pull the elements from there?
```
function shadowify(){
// Get the body element...
SVG as background
I would like to use a svg for my backgroud, ideally it should kinda scale with the screen too, but that might be to advanced for me.
I have an svg from a horseshoe that I want to crop that it looks like in my figma file.
https://codepen.io/Becii/pen/dygdrqx
I tried using ...

Unique keys in React
Anyone know why I'm getting that warning here? I've a key for each
renderedItem returned, and for the nested ItemComponent so am a bit confused. Haven't spent enough time banging my head against a React wall to spot it, and out of the 17 pages of errors React has provided me with none are helpful.
Would appreciate it if someone can spot the error I can't!
```...form validation is not working after adding JS
im using basic inbuilt html form validation to check for the form validity. After js code is added to get the values of these input fields to perform further operation, the validity of the form is not working.
here in codepen if you comment js code and click on Add in form the validations is working...
Positioning elements
I want the vertical center of
HeroSection Title to coincide with the vertically center of the parent div, and the Button to be vertically centered between the bottom of the HeroSection Title and the bottom of the parent div. This sounds like a simple problem, but I am having a hard time solving this.
How to remove unwanted padding on anchor tag in the code given?
I have included link to codepen which displays a nav bar. On hovering any anchor tag, padding should be added to it only. Hover, the problem is the code is adding unwanted padding-bottom to all other elements too (which are not hovered).
I want to add padding only to the hovered element and not to every element of similar type.
Here is the link: https://codepen.io/anurag1989/pen/PoyQRJZ
...

DIV going under other div
Hey guys,
2 questions:
1) why is my left div content the <p> running under the the right hand gray area i have set up, even though the parent div width is right
2) what would you rate the overall approach to how i am setting up the modal here? Any tips to improve overall structure?...
Writing Javascript – Functions for newbie
Hello!
This is a question that might be stupid, but trying to wrap my head around writing JS is taking it's toll.
So look at this code block from codecademy JS intro course, using function as a parameter inside another function:
...
NEED CSS SHORT HELP
Can Anyone help me that how can I change this default icon of <Select> html element by css. I am new to css so I am practicing. Thank you.

CSS
If I have a div parent and three child elements. The div parent has property of display: flex; align-items: center; justify-content: space-between; and i have a free space in div parent so i want to last element child to go to the last but i try the align-self or justify-self but it's not working
Javascript nested loops for beginners
Hello folks!
Why does this code print 1 2, and not the names that are similar in the arrays?
Comes from codecademy's JS beginner course
...
How to add some light to a specific part of a container
Hey all, above the heading here there is some sort of light that is different from the rest of the background, what's a good starting point to achieve this? I've tried with radial gradients to no avail, also I tried a before pseudo-element and it looked clunky. Any help is appreciated

Empty space on mobile
Hello, I have this ugly empty space at the top and I can't seem to find how to fix it. The site is expertphotoshop.ro. I tried inspecting it, but I have limited knowledge so I'd appreciate some help with it. Thank you!

Quick question about section tag regarding accessibility and semantics
I was wondering, with the
section tag, in the MDN docs it says that there should always be a heading/header associated with each section wherever possible, with limited exceptions. I was wondering if adding aria-label to a section was sufficient? Or should I use a heading and add a .sr-only class to it? I'd imagine a screen reader reads it more or less the same, but I'm not sure if it would impact search engine ranking if I'm not semantic.Making volume control understandable to screen readers
Hey guys. I'm making a music website, and I've created a button that handles volume control.
When you click on this button, it toggles whether the music is muted or not.
When you scroll on this button, or use the arrow keys, it increases or decreases the volume between 0 and 100....
