Remove Spacing in navigation in my site
Hi guys need help fixing this issue with navbar in header. Getting space on top and bottom in navigation. I want to remove that space.
here is link of the demo site: https://bq3jx3mvt60i6b5q-44149506213.shopifypreview.com/...
scrollbar-track-color and scrollbar-width properties not working
i have tried setting scroll bar width to 5px and track color to hsla(0, 0%, 85%, 1) but it doesnt seem to work
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!...
