Handle login form
Hello everyone, I’m a newbie in the front end development, now i’m study how to handle the logins form and I have 2 problem:
1)After I send the request for login I have in response.data.role the role of user but I don’t understand how to save it correctly in the state.
2)How to redirect if the user role is correctly to home page(private route).
I attach screens bellow.
Thanks all ! 👏...
Full screen image zoomed mobile
Hi guys. I have a website which is not too mobile friendly yet. It is wider than the screen so it is zoomed out all the time. (I know I know, but this is the starting situation we have 🙂 )
I need a code to view images in a full screen overlay when they are clicked. I tried max-width/height: 100vw 100vh, but they are calculated based on the 100% zoomed version so the pictures are getting too small in the zoomed out state.
Is there any solution to make a full screen img/div base on the vw and the zoom state? ...
flexBox overflowing underneath another flexbox even if the scorll possition is at top
im trying to make a list and a header but the list contentents are overflowing underneth the header
How to move Text-overflow:ellipsis dots when the parent and child ellipsis stacked on each other?
I have list items in a container, i set the container fixed width and height. On each list items i truncated and added ellipsis using Text-overflow:ellipsis.
adding text-overflow on parent div does the job but the ellipsis of last li item and parent div are almost on top of each other and its difficult to diiferentiate. so my question is, is it possible to move the ... ? how can one acheive this https://codepen.io/avinash-tallapaneni/pen/xxMMNLp...
adding text-overflow on parent div does the job but the ellipsis of last li item and parent div are almost on top of each other and its difficult to diiferentiate. so my question is, is it possible to move the ... ? how can one acheive this https://codepen.io/avinash-tallapaneni/pen/xxMMNLp...
Grid system showing gaps
I've been trying to figure out how to make a responsive grid, with some elements spanning 2 tiles,
but I've been running into the issue that there are gaps showing up next to the spanning elements.
Is there a good way to fix this? Any tips would be greatly appreciated!
Here's the Codepen:...
Button positioning
Hi guys im currently in need of moving a button that im using to in between the bottom left of the screen and the bottom center of the screen, currently ive just added a left: 30% property to my place-self: end start css but its messy as when the screen shifts it doesn't always hit the same spot, anyone have any ideas on how i can get this positioning easier?
Included is an image of where id like it to be.
```css...
Can't open squarespace local dev server
i Can't setup my squarespace local dev server, i went through the documentation Install the squarespace-server (npm install -g @squarespace/server
), 5 times now, and every time after the Install any command I type like (squarespace-server https://site-name.squarespace.com
) the second command. i get this error...
Make Responsive Design with Rounded Image on the Edge
Hi! I've been taking good looks into Kevin's tutorials, and in one of his tutorials with Figma, I came across his layout / design example, which was the image I posted here. If you were to implement this kind of design
layout, how would you make this responsive? Thanks in advance!...
Checkbox innertext not showing in webkit, but works fine in Firefox?
Before I spend any more time trying to unravel this, I figured I'd ask here in case it's a common issue. I have a custom-styled checkbox to look like a toggle button. This is just an
<input type="checkbox"> with some innertext. It works as expected on FF, but collapses on Chrome. Even manually setting the width of the element does not show any text, though it does exist in the inspector. Is this just a limitation/ quirk of webkit? Or am I missing something else?