https://codepen.io/AlexGaida/pen/wvabjBd
In this challenge, I have completed the tribute page no problem.
The issue I found is when the screen is resized to cellphone size (320wx480h)
The text is not being re positioned properly. And is being blended with the tribute info.
My question is, how do I fix this?
Thank you.
Remove the height property on #tribute-info and see what happens.
In general, I would avoid putting heights on elements and if you really need to they should use a responsive unit, such as ‘em’. Using ‘px’ doesn’t allow them to grow as the layout changes.
That partially solved the problem, now I have to see why the units are not scaling to their relative sizes.
Here is an updated version using grid display property:
https://codepen.io/AlexGaida/pen/wvabjBd