Here are two tips for coding in CSS based on my 10+ years of experience: -For vertical alignment, on-screen sections generally (not always) should have their div height attribute equal to their parent div which in turn will have the desired offset height, and a child element to support the true height of the element displayed. What this means is no matter the actual size of the child element, it will always be aligned vertically when making proper use of flex display, align-items, etc. -When facing position issues, make sure the elements matche the position values you're expecting in the inspector. Use these tips to avoid redundancies.

Here are a couple guidelines that I developed during my 10+ years of coding websites with CSS: -Every div should be placed in relative proportion to the div that contains it. Use of absolute positioning is not recommended unless for a good purpose i.e. a background wallpaper. -All container divs that distribute their child elements differently among rows or columns depending on the device's resolution must be styled in media queries. Use this to avoid redundancies.