Controling responsive images.
Hello everyone, how do I make my images look like in the design (design is in the left) preferably without using a div, I
two-way `useEffect` to fetch Currency exchange rate from API implementation not working.
I have a currency converter website which fetches currency values from an API. The value for the two input boxes is taken from 2 states
```jsx
const Swap = () => {
const [state1, setState1] = useState({
value: '',...
Trying to understand how i could have known this
Sorry for phone pic, printscrn isnāt working. Anyways i finally figured this out with some help. The tests (bottom left) definitely made it seem more complicated than it was. Anyways, looking through this code is there any way i could have known āarrā was linked to ātestArrā? I posted a picture of the solved answer which needed to use arr.push(). I was doing it right from the beginning but i kept using testArr.push() because that is what i see in the code as the array.
Problem
Why is this happening?
This is the html, as soon as i did
.header__articles {
display:flex...
learning JS with FCC, trying to understand something.
As title says iām learning JS through FCC to understand syntax and for some explanation without having to google everything yet. In the attached photo itās taking a variable and running it through 2 functions. What i donāt understand is the āglobalā ālocalā supposedly things inside the function are local so how is this code taking the sum of the first function and running it through the second when there wasnāt any return. Also why is it showing in console as āundefinedā i know itās because it i...
infinite carousel animation
I've been trying to recreate this animation from https://nuxt.com/ from this page and I've got it somewhat working but can't seem to get it working in the reverse direction and everything just breaks on smaller screen sizes
- provided the code down below-...
Card Gloss On Tilting
Hi everyone! I have been looking for tutorials regarding an effect similar to the gloss effect on Yu Gi Oh cards when you tilt them in your hand like the picture below (it was the best I could find) but I couldn't find any tutorials on the topic that would help me achieve this with no FE libraries or frameworks.
Any ideas ?...
design help
hey there, i'm wondering how i would be able to create an overlap design as seen here where the image is a 50/50 split between inside and outside the black div element. i've attatched a codepen of what i've got so far (for mobile view). Anyone have any tips on how to achieve this?
https://codepen.io/deerCabin/pen/mdQBjag...
React text rendering issue
I use Array.map and I style this text and itās show both style and not styled text. What happen can someone help me?
CSS grid-area example not working in chrome mobile
I'm watching the video "Why CSS grid-area is the best property for laying out content" (https://www.youtube.com/watch?v=duH4DLq5yoo) and have copied the code from codepen into an empty project.
The columns work fine in desktop chrome but when accessing from phone or choosing "Mobile" in responsive view the areas does not stack. Anyone else have experienced this?...
React an vercel
why vercel build the website with a root div who has a class named container not like my index.html even though i have the right settings in the deployment settings
Grid layout combinations
I'm trying to recreate this reference image with css grid but i'm a little confused on the most sufficient way to lay out the grid. This is a new design style i'm trying too so it creates a little more confusion with laying it out š
.
I've attempted to draw out plans for the grid layout but i've ran into a few things that have halted me a little due to confusion, for example, in the first image, i've laid the grid out with one column and four rows but i'm unsure whether wrapping the last two images in a container or having two rows in the grid is the best way to go. When i thought about having two columns in the grid i got a little confused on how to span the top row of three items along two columns so i thought that one column along with flex to lay out the three items would be best additionally wrapping the last two images in a container but i'm honestly not sure on the best approach to this. I'm trying to decide on the best approach that also allows an easier conversion to a responsive version of the grid (as seen in the second image, which i've also attempted to draw the plan out to). Has anyone got any advice?...
