Aleksandr M. Comments - Answer Overflow

Aleksandr M.

Posts Comments

KPCKevin Powell - Community

•Created by Aleksandr M. on 9/28/2023 in #front-end

Content is too tall compared to its parent and overflows

9 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 9/28/2023 in #front-end

Content is too tall compared to its parent and overflows

I just realized that this is probably what I need to do - maybe container should always remain the same size..? You see, content within main can change, and in design sheets that I have it container is always the same size, no matter what's inside. With your help, nothing overflows now, but I'm currently facing a different issue with content inside main changing as I go through form steps and the container is constantly changing size due do difference in content.

9 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 9/28/2023 in #front-end

Content is too tall compared to its parent and overflows

Thanks, Kevin! It did the trick!

9 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 9/28/2023 in #front-end

Content is too tall compared to its parent and overflows

Hi Kevin! Thanks for replying. I tried getting rid of height on .bg and .container all together, but it didn't do anything, sadly. I believe removing margins and paddings in desktop version kinda solves the issue, but I have other parts of the form which has more content and it would still overflow. I think it should shrink according to main's size then? But I don't know it that's a good practice. Here's my Codepen with entire HTML and CSS: https://codepen.io/dunder__alexander/pen/vYvrjeQ I wasn't sure if I could use SCSS there, so I just built my project with npm and threw the styles in there. The problem there behaves exactly like it does in dev mode and I think CSS is concise enough to understand what's going on. The project looks unfinished because I'm still not done with it 😅 I've only built styles for mobile so far and I'm struggling with desktop version

9 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/14/2023 in #back-end

Firestore security rules for objects inside of the array

Still haven't figured it out... ChatGPT says that it would be better for me to create a separate collection for reviews and somehow connect it together, but I feel that there might be more elegant solution.

3 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

Really appreciate you going an extra mile

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

Thanks! It looks nice

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

Thanks for all your suggestions and your help! I'm eternally grateful 👍

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

Now I don't even have to clamp anything actually, it works fine without it

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

All I had to do was to put max-width on both li and svgs inside of it

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

I think I finally did it

li {
  max-width: 100% !important;
}
li > svg {
  font-size: clamp(15px, 2em, 3em) !important;
  max-width: 100%;
}

li {
  max-width: 100% !important;
}
li > svg {
  font-size: clamp(15px, 2em, 3em) !important;
  max-width: 100%;
}

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

apparently margin didn't have anything to do with, so the problem stays damn styling things is really confusing

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

yeah, you right, I've just fixed it

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

probably it's not the best way

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

same as no margin-left at all

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

actually ml-20 is margin left 5rem

69 replies

KPCKevin Powell - Community

•Created by Aleksandr M. on 2/2/2023 in #front-end

Image shrinks, icons don't

It might be the ml-20 on my ul that messes everything up

69 replies

Gaming

Programming