How to move elements inside a container? (vague, I know)
https://github.com/callum-laing/shopping-site
Apologies I tried putting this into codesandbox but it spazzed out, and codepen didn't want to do it either.
I'm trying to find out how I move the positioning of the 2 elements on the side (CDL, and the shopping cart image). I tried padding-left and padding-right on the header, but that also moves the links in the middle, is there a better alternative here that doesn't disturb spacing of others?...
Media Queries
Hello, could somebody please tell me what I am doing wrong?
I have been learning media queries and I do not understand why the video, and 3 floating things are not staying together,
is it the set 75vh? I have tried to changing the height at the break point but it does'nt seem to do anything, also creates gaps within other divs.
please help. please and thank you. im really just asking on advice for media queries, ive looked at a lot of videos mostly Kevins, simply cannot grasp all the concepts.
...
How you summarizes the design using HTML and CSS
I was looking around for different design to improve my skill and came across to this design but I am confused how what will be HTML structure and ofcourse CSS.
I have done a little work, Below is my code
```
<div class="pizza--container">
<div class="container--img">...
SVG and position absolute.
Hi, I would like to acomplish the design shown in image but with ability to use width 100% so it is responsive. The arrow is svg. And if I could I would like to in the end animate it that the line shortens on hover to the right, but I didnt yet get to it becose it didnt work in first place.
```<svg xmlns="http://www.w3.org/2000/svg" height="50">
<!-- Define an arrowhead marker -->
<defs>...
best way to implement for responsibility
hey! :) I need someone to tell me, whats the best and correct way to recreate this image
Cut-out effect with decal
I have a similar thread here, and I tried following this article, but this time I couldn't do this decal. Any tips?
Product dot hover
I'm thinking of using absolute position to place the dot on the product image but I'm worried that this wont work if the image change sizes when it's responsive and messed up the actual correct position.
is using
position a good idea for this scenario?...
help with footer the scrolls
done research and need assistance on how to make the footer scroll with the browser vertically , does anyone know?
Next JS routing got me confused
Hey, I have this simple link in my component but im kinda confused with the routing.
```ts
<Link key={product.id}
data-type={product.type}...
help with aligning images
so I have this pop-up in which there is the background that represents the shelve,
then there are individual "books" which take you to different pages
I want them all to be clicked differently
I want them to be responsive
I want them to stay inside the popup, not get bigger...
