Customisation to extend models and the admin page

So far we’ve only covered the basics for creating your own models and how that can be presented within your website.

What we’ll be doing in this post is showing you how to make the most out of making custom models. …

Controlling the direction of CSS Grid items

Live dev notes taken throughout the CSS Grid course by Wesbos —

By default, when the number of items exceed the explicitly defined tracks, those items get tacked onto the next row. This means by default:

If we want the exceeded items to flow over into a…

The difference and when to use it

Live dev notes taken throughout the CSS Grid course by Wesbos —

auto-fit , auto-fill and minmax() (more on this later) are Wesbos’ most used pieces of grid.

So far, we have been working with items that don’t have much content in them. Which is why it makes sense…

Project case study — Building a responsive blog layout

Live dev notes taken throughout the CSS Grid course by Wesbos —

Today we look at building a Full Bleed Blog Layout inspired by Phillipp Rudloff.

Wesbos has provided us with a single base HTML file which also houses the base CSS at the bottom.

Below is what we’re…

Considering responsive edge cases

Live dev notes taken throughout the CSS Grid course by Wesbos —

minmax() provides so much ammunition when combined with auto-fit and auto-fill because it has the power to replace a lot of the media queries written manually as it is responsive by nature.

Let’s take a look at…

How to get the most out of your templates

We’ve only covered a small part of templates in the previous tutorial. In this post, we’ll be diving deeper into the following:

  • Reference Static files (CSS, images, etc)
  • Using models with our templates
  • If statements
  • For loops

Referencing Static Files

Any static files require the following settings to be amended within :

Developing user experience through URL routes and templating

As you’re developing your website, it is important to understand that navigation is critical to the success of its user friendly experience.

For this reason, we need to build logic into how we switch between pages and how far we want our user to dive into the content, if it’s…

Capturing and editing data on your website’s backend

Now that you have a website up and running, we can start to provide information for you to create, read, update and delete — Also known as CRUD. We can even send it to other places and pull from other sources as well.

  1. Django Admin
  2. Create a Database / Model

Building your first Django website


Before you jump into building websites using Python and Django, make sure you have a grasp of Virtual Environments.

Process of building a Django Website:

  1. Installing Django
  2. Commands for setting up and running the website
  3. Folder Structure
  4. Creating a Django app
  5. Hello World

1 — Installing Django

To get into building with Django, we first need to install this package.

Summary, Notes & Highlights

Beginning of April this year, I set out a challenge to learn CSS Grid in public as a way to solidify my understanding of learning a new topic with some form of accountability.

While the streak lasted for at least a month (yet, still having a couple more posts that…

Emily Y Leung

Creative. Problem solver. Learning programming in public |

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store