Today, and once again I spent a bit of time building my portfolio/profile website for my assignment. I do find code interesting, and I look forward to tinkering with my html and CSS, every day, even if it's for an hour or so.
In the evening, I had a 1:1 virtual class with my tutor to help me understand why the responsiveness of my page broke (especially the navigation bar) when I used Partial files. In reality, it wasn't those files but just that I didn't wrap my <div class=nav-items" </div> within another <div> tag, and then use that one to center it, a margin around.
We went through a bit of Media Queries as well. I inquired as to the best screen sizes we should be using while setting up Media Queries, and he referred me to this page on Bulma where you can find the 5 main screen sizes to use:
mobile: up to768pxtablet: from769pxdesktop: from1024pxwidescreen: from1216pxfullhd: from1408px
So, that's what I will do. But, I think just the mobile, tablet, and desktop will do.
Overall, I have mostly finished the full website:
Homepage: DONE
About: DONE
Skills, Portfolio, Experience: DONE
Blog home page: PENDING
5 Blog articles: PENDING
Contact: PENDING
Besides the above, I have to create the following as well:
Figma wireframe for all the pages (3 versions - mobile, tablet & desktop!)
a PowerPoint presentation
a video presentation
Plenty remaining!
How do you eat an elephant?
- Bite by bite.