@AlazarG19
Posted
nice solution but u forgot to change the background color remove the shadows from the button since that is not required and the thing about making the flex direction column starting from 900px if u give your main tag a css property width:85vw or width:65vw depending on any margin u gave it will be responsive until 800px or something like that thats what i did
Marked as helpful
@dyntbn
Posted
@AlazarG19
Good eye, with BG color and shadows, mine didn't catch that! 😅
Also, I see what you mean by scaling it with vw on the main tag, that just makes scaling so much easier. It's a very elegant solution, compared to what I was doing before.
I ended up adding another media query targeting 800px. I used vw for the main tag to auto-control the responsiveness, then used px to protect the readability of the layout. I also used a combination of width, min-width, and max-width to help with layout shifting.
I'm almost done with my new solution. I'll be updating the GitHub repo soon and creating another solution post on here. Thank you so much Alazar, you really helped me out a bunch. 😄
@AlazarG19
Posted
@dyntbn its my pleasure
