Responsive Layout
Why i got this layout crashed is it because of styling of web fault this happens rarely and then it is fixed by it-self
https://94h77v-5173.csb.app/

9 Replies
gap of 30.8 rem??? jeez
it also looks like you're using a resize event or something to apply some styling?
wait
@Mannix where do u see that gap?
which element
send me some snapshot
@Jochem where bro

the background acts weird when you resize it, in a way I don't think is possible using pure CSS
instead of margin: auto on the search you can put justify-content: space-between on the element from the screenshot i posted
@Mannix i did that because of the contents to be in position that i want i could use also position relative but i was worried because of my responsivity
i see
i can remove that gap
is useless
agahahaha
and also
another question
how do i fix the cursor posiiton inside the search input
also for the grid i would change grid-template-columns to
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
adjust the padding on it ?simple example:
https://codepen.io/Q-C_Q-C/pen/JjQKVyV