Hello!
I have some weird issues with padding's and margin's. I have this mysterious left margin that i have no idea where its coming from, or maybe my whole approach to this is bad. I have no idea since i'm relatively new.
3 Replies
ill send the code in a moment
First part of the css code
Second part
oh and by the way the mysterious margin is apearing only on small screens
ok acctualy checked and fixed the problem and didnt even notice
but its still not resizing properly : -(
its still to wide even tho i set its width to 100%
I think the cause is the image because it looks a bit elongated but im not sure how to fix that
few things you can change immediatly.
- set
*, *::before, *::after { box-sizing: border-box }
to make sure borders and paddings are included when you set a size
- remove width: 100%
from all block level elements (such as div), those are full widht by default
- remove display: block
from element that are already block by default
- when you use calc()
be sure your operators are surrounded by a space. Otherwise it will break. calc(100%-64px)
does not work, calc(100% - 64px)
does
- on .card
you are defining a lot of grid-properties. in this case you only need grid-template-columns and the areas
and probably there are a few other things, but this is a startthanks