restructuring index.html and extracting the inline css to style.css
using display:flex in place of display absolute or fixed to make
the layout more responsive on the screen's size