https://files.peakd.com/file/peakd-hive/xves/zleoFg61-yx.jpg

It's been two weeks and I've changed quite a few things about my portfolio. First, I added the ''wave'' divider... Only it's not a wave, it's a curve. And it's buggy. How exactly? Well, viewed from my laptop it looks fine, viewed on other screen sizes through Edge's DevTools it looks fine aswell, but as I open the site on my actual phone and scroll down a little, the divider appears to float a bit and the background of the #welcome section continues for about a height of the browser's address bar. The reason for this is that I have the #welcome section's height set as 100vh (100% of the viewport height) which is afraid of the black sheep of the family - the forementioned address bar which appears when a site is loaded and disappears when a user scrolls down. So how can I fix it? After Googling a while I found out that the best way to fix such a thing is to use JavaScript (specifically window.innerHeight). I made a couple of tests based on a few tutorials and for some reason it did not work out (kept pushing commits (so I could open the site on mobile through Netlify) and later reverting them). I guess I need some more time for research and figuring things out or a helping hand. For now I set the display to be none on the dividers for mobile screen width. (I wonder how it looks like on tablets - do they have the same issue?) ``` EDIT: Fixed it by setting the heights of html, body and #welcome to 100%. Thanks, ILGE! ``` https://files.peakd.com/file/peakd-hive/xves/IhzbhfBW-kax.png The next thing I did was make the container of the projects showcase a bit more distinctable by adding a background color to both the container itself and the heading(s). I also made the projects horizontally scrollable on tablets aswell in addition to them being so for mobile. And as you've probably been spoiled already by the screenshot above, I decided to add my Github Contributions chart to my portfolio to show that I am in fact working on things other than the three projects I have displayed. Sadly Github doesn't have an official way of embedding the chart from one's profile but I found this [Bloggify's repository](https://github.com/Bloggify/github-calendar) that makes it possible to do so. https://files.peakd.com/file/peakd-hive/xves/rSbcP8wJ-kolm.png To top it all off, here's something I'm sure you guys will appreciate.

https://files.peakd.com/file/peakd-hive/xves/bJoMlDzL-neli.png

https://files.peakd.com/file/peakd-hive/xves/Sj4csuV4-viis.png

That's right, not even one, but TWO links to Hive.

I've been teasing you enough, now it's time to actually let you play with my site. [Here's](https://xves.eu/) the link to my portfolio and [here's](https://github.com/x-ves/personal-portfolio) the link to the portfolio's Github repo.