From the course: Create Your Own Data Blog with Quarto and Python
Join today to access over 25,600 courses taught by industry experts.
Responsiveness and designing for mobile devices
From the course: Create Your Own Data Blog with Quarto and Python
Responsiveness and designing for mobile devices
- [Instructor] Bootstrap and brand.yml are the two tools that you'll use for styling your mobile friendly block. You might already have heard of Bootstrap. Brand.yml is a Quarto specific styling framework. The great thing about both of these is they're both designed out of the box for building responsive mobile friendly data blocks. In fact, Bootstrap is one of the most popular responsive web frameworks in the world, and Quarto has several great custom layouts that are also responsive. Let's see how these work in the 06_01b codespace. So in the code space, you can see we're already previewing our blog. I've run Quarto preview in the terminal. Let's head over to the web browser to see our blog in action. From the homepage, we are going to select this blog post here on responsiveness and mobile devices. I want to show you how responsive this webpage is by using Safari's built-in developer tools. Let's go to the menu…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.