Web design
Nov 23, 2023
Assingment
The task was to create a one-page website for a fictional company using clean HTML/CSS, the page didn't need to be responsive.
Process
I created the basic page following the teacher's instructions, but substituted pictures, logos and colors to suit my own design preferences. After completing the task as per the guidelines, I further experimented on my own.
I added colorful shadows to the informational boxes and made them flex to column according to screen size.
I also experimented with adapting the menu according to screen size and added horizontal scrolling. Since it's a single-page and relatively short website, there was no need for a hamburger menu. We had quite limited time to complete the task, so I personalized the design as much as I could.
I had problems with getting the "Kes MEIE oleme" section photo and the map frame in the footer to appear in mobile view.
My takeaway
I learned how to add anchors to different sections of the page and how to make menu buttons scroll to those accordingly. Additionally, I further practiced using flex elements to make info boxes responsive.
