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
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 to 768px
tablet: from 769px
desktop: from 1024px
widescreen: from 1216px
fullhd: from 1408px
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.
Top comments (0)