I’m looking to create a header as shown in the image below. The elements within the header must scale with the size of the browser window. Note that the element on the left is sticking outside the header. When I resize the window the element moves down or up depending on the size but I don’t want that. I need it to stay on the line of the header bottom. Thanks!
To clarify: if browser window is reduced by 40% ten the elements must shrink by 40% but the left element must stay on the same position relative to the header’s bottom line.