flexbox

i tried to center align element in flexbox ,with round number height it working proper but it getting failed when height get change set to floating number .it should properly center align with floating number values. this is the demo lin

Ive just started working on the landing page project from the odin project, and I've come across this problem where the header text is overlapped by the "image" when I make the browser window smaller, and when I make it as small as it ca

I used flex box for the responsive design. I did not change size of each flex-items. However, when I applied align-items:center, it changes the size of first flex item(PICTURE 2) when it is display in vertical view. However, PICTURE 1 is