Posts in "CSS" category

One of my side-projects that I do on my free time is is a patient management system for my wife's dental clinic. It's written in Python/Django and it's a closed source project for now, but one thing I'd like to share is an interactive dental chart that allows to record the state of patient's teeth. Of course, the actual implementation is a bit more complex than this an it interacts with the Django back-end via Ajax requests but you can use this code as a basis for your own projects. Here's a link to JSFiddle: https://jsfiddle.net/romanvm/bpx8zc76/3/ with the code. Feel free to use this code as you see fit.

This is more of a note to myself but maybe other web developers, especially beginners, will find this information useful. In common situations when your webpage has a header, a main content area and a footer (like this blog), you want your main content area to stretch to the available browser viewport height if your page contains only small amount of content. Unfortunately, by default your block elements are vertically aligned to the top so your footer will be displayed somewhere in the middle of the viewport instead of the bottom. And this is where the new Flexbox layout comes to the rescue. (...)