#box relies on a horizontal scrollbar, this can be annoying so might I suggest some adding simple JS to make it scrollable via dragging left or right?
The height of #container should be auto instead of a fixed size. You can add some padding-top and padding-bottom to make it look better if setting size to auto ruins it for you.
You used a fixed width in #container of 50%, when I started making websites I did that too, but I would suggest making it dynamic and mobile friendly using min(). Perhaps setting height to min(50em,100%) would work for you? As a bonus this means the size of your header is different from the page which makes it more interesting.
Css variables. Google them. It will change everything.
iām familiar with all of these concepts and i did it the way i did simply due to deadlines. i needede to have this site done before christmas because iām going to buy an optiplex 980 to host it on however my parents wont let me buy it until the site is fully done.
Style looks good but I have some suggestions:
#boxrelies on a horizontal scrollbar, this can be annoying so might I suggest some adding simple JS to make it scrollable via dragging left or right?The height of
#containershould be auto instead of a fixed size. You can add somepadding-topandpadding-bottomto make it look better if setting size to auto ruins it for you.You used a fixed width in
#containerof50%, when I started making websites I did that too, but I would suggest making it dynamic and mobile friendly using min(). Perhaps setting height tomin(50em,100%)would work for you? As a bonus this means the size of your header is different from the page which makes it more interesting.Css variables. Google them. It will change everything.
*setting width to
min(50em,100%)sorryiām familiar with all of these concepts and i did it the way i did simply due to deadlines. i needede to have this site done before christmas because iām going to buy an optiplex 980 to host it on however my parents wont let me buy it until the site is fully done.