Hi, I was doing a small landing page, but when I go to my iPhone, the “Y” of the word Party gets cut off. I have reviewed the margin and paddings but the problem keeps happening. Any suggestion? @sabanna any suggestion?
I would overthink the way that the elements were defined on mobile screens overall. There are a lot of margins, paddings, line-heights in em, relative positioning AND flexboxing haveing a lot of elements overlap its regular boundaries… you could make it a lot easier with only using one technique. i d suggest only to use flexbox and keep in mind, that if your line-height is lower that the actual height/size of your font, it ll get out of its boundarie quickly - having a cut off effect of one or another parent element is set to overflow: hidden.
Thank you very much for the feedback. To be honest, I am not very proficient as a coder, I’m more a designer. If you would have the time to explain a bit further how should I implement this code, I would highly appreciate it. I played around for quite some time with flexbox but I just couldn’t get to accommodate the divs as I wanted. That’s why I had to use a lot of margins and paddings.