Tech Lead/Team Lead. Senior WebDev.
Intermediate Grade on Computer Systems-
High Grade on Web Application Development-
MBA (+Marketing+HHRR).
Studied a bit of law, economics and design
Location
Spain
Education
Higher Level Education Certificate on Web Application Development
Sincerely I think you must better build it from scratch again.
You need a "grid system" for making it responsive and fluid across different resolutions.
You can use Flex that deals with that out of the box for example then you can add content and extra styling over your basic structure.
then use p html tags for text inside your columns, div as wrappers for styling some blocks and so...
By the way center tag was removed since HTML5, you must use CSS to center elements (which is easy with flex, simply add a div wrapper with display: flex and justify-content: center csss properties:values to this parent wrapper).
Sincerely I think you must better build it from scratch again.
You need a "grid system" for making it responsive and fluid across different resolutions.
You can use Flex that deals with that out of the box for example then you can add content and extra styling over your basic structure.
Check this post:
dev.to/joelbonetr/building-a-flex-...
then use p html tags for text inside your columns, div as wrappers for styling some blocks and so...
By the way center tag was removed since HTML5, you must use CSS to center elements (which is easy with flex, simply add a div wrapper with display: flex and justify-content: center csss properties:values to this parent wrapper).
Delete .header{font-size:200%}
You added this into your css:
instead of targetting the div with ID header: