Easiest Way to Create Web Dashboard With HTML - Part 13 - CSS Media Queries on Larger Screens

In the previous lessons, we saw how we can add chartjs, project listings and even style them... in this lesson, you will learn how to add media query on bigger screen sizes.
Make dashboard look like the exact design prototype by targeting large screen sizes.
Source Code:
github.com/ins...
Helpful Links
CSS Media Queries (www.w3schools....)
Google Icons (fonts.google.c...)
Material Icons Guide (developers.goo...)
HTML option value Attribute (www.w3schools....)
Chart.js (www.chartjs.or...)
chart.js CDN (www.jsdelivr.c...)
Font - Nunito (fonts.google.c...)
Develop responsive web apps (responsively.app)

[@thomasgardner479]

im loving this.. however i think you should add some javascript e.g. express with node and mongo functionality so its full stack

[@InstinctHub]

That won't be a bad idea... We will look into it. Thanks 👍🏽

[@CritterCompilation]

How can I find this design on dribble?

[@InstinctHub]

dribbble.com/shots/13056612-Exploration-Project-Management

[@CritterCompilation]

I'm trying to create it for practice
but couldn't find it on dribble

[@InstinctHub]

dribbble.com/shots/13056612-Exploration-Project-Management

[@sqlmysoftwaresupport973]

why my webpage cannot scroll?

[@InstinctHub]

It's not to scroll at this stage. However it is possible to make the project listing section scroll.