You Won’t Believe How Easy It Is to Create a CSS DASHBOARD Layout!

[@tchoutangbankouemichelfran5386]

I learned so much css in just 6 mins. Pliz keep doing more stuff on css grid and responsiveness

[@OptimisticWeb]

Thank you! I have a few more videos lined up on the CSS grid. Stay tuned!

[@kimailis]

i hope that you would make react.js or node.js/express tutorials too because your tutorials on web design are spot on! easily understandable and well defined content!

[@Khaladunnabi]

same suggest for admin

[@aadilmode7715]

U guys are dumb if u think, a very disorganised and messy javascript library like react can be simplified when the language itself is not at all simple. In my personal opinion, i dont want the admin to start putting react here and pollute the channel with react yet. You have many other channels to learn react from and also there is no such thing as a simple tutorial for react. I want this channel to deal with only pure beautiful css and javascript unlike ugly react. Because not everything can be done in react without the basics of css mastery. Go seek react from other channels and dont mess up the only channel were u get to see pure simplified useful css content.

[@OptimisticWeb]

@kimailis @Khaladunnabi Thanks for the suggestion! Right now, I'm focusing on plain HTML, CSS, and a sprinkle of JS to ensure the foundation is solid. Later on, we may dive into the basics of JS, and then move on to more advanced topics to serve all levels of users!

[@OptimisticWeb]

@@aadilmode7715 Thanks for the feedback! I agree that advanced topics can be tough to grasp without a solid foundation, for now, we're focusing on vanilla CSS and JS. Advanced topics may come later. Everyone has different preferences, and it’s important we respect each other's opinions so we can all learn together.

[@Khaladunnabi]

@@OptimisticWeb Thanks

[@PicSta]

Excellent tutorial on CSS Grid, OW! I like the style you teach and show all the options and possibilities. It's not just one way, take it or leave it. I hope there will be a small website demo project with CSS Grid and CSS Flex where you explain when to use Grid and when Flex. What are their pros (and cons). I'm no expert in CSS Grid and Flexbox, but everything what is like website structure (rough layout) I use CSS Grid, when it comes to arrange content inside a container/box I use flex box for its alignment. Of course, there exist different scenarios and maybe better explanations to it. I leave that to you ;-)

[@OptimisticWeb]

Thank you so much! Glad you enjoyed the tutorial! In my opinion, CSS Grid is great for laying out the overall structure of a page or at the component level, especially when you need more control over rows and columns. Flexbox is perfect for aligning and distributing items within a container. Both have their strengths depending on the requirement! We can have a dedicated video on the topic in future.

[@PicSta]

@@OptimisticWeb yes, your thoughts don't vary from mine. Please make a dedicated video on this subject. I am pretty sure others would like to watch a video like that. It also connects previous videos with content you have explained already. Sometimes having bits and pieces is good and easy to digest, but sometimes the whole is also what you want. I hope you follow me here. Thanks in advance.

[@OptimisticWeb]

Sure!

[@mikeeomega]

Great video, awesome tutorial

[@OptimisticWeb]

Thank you!

[@mr.fabian8471]

Thanks

[@OptimisticWeb]

You're welcome!

[@aadilmode7715]

Dear admin dont start react simplified tutorials or any of those ugly complicated not so straightforward framework based tutorials unless u teach as everything u know about pure beautiful heavenly css and javascript and html. U can churn out they framework based content later in the future. This channel is the only channel providing the most useful css knowledge in short clarity clean tutorials

[@OptimisticWeb]

Thanks for the feedback!

[@biggand8520]

Cool tutorial, thank you. I remember when grid only appeared, it was so obvious to do stuffs with flex, that I thought - what is that for? I was ignoring grids for some time… Now grid are that obvious)) Interestingly enough, would it be a time for something after grids? And what could it be? flows?) about the responsiveness, I keep doing my projects downwards - from the biggest screens to mobiles. How do you think, is there any difference?

[@OptimisticWeb]

Thanks for sharing! I used to work with Bootstrap, which follows a mobile-first approach, so I’m quite drenched in thinking that way. Grid definitely felt like a shift at first, but now it’s an essential tool for layout design. As for what’s next after grids, maybe container queries will be the next big thing! When it comes to responsiveness, I personally stick with mobile-first, but both approaches have their own advantages. It’s all about what works best for your project!

[@biggand8520]

I had a couple of extra minutes and did some math, so per GA data 87% of users are using mobile platforms to visit my company site, and only 13% are using desktops or tablets... I've never thought about site development from this perspective. Frankly speaking, I've never seen devs who can do both mobile and desktop views the best they can, one of them is always better. Thus, definitely, there is a point to do better the most consumed one.

[@OptimisticWeb]

Yes, mobile traffic is manifold these days compared to the desktop, and your GA data definitely reflects that trend. It’s true that balancing both mobile and desktop can be a challenge, but with mobile usage so dominant, focusing on creating the best experience for mobile users makes a lot of sense.

[@caju3761]

Super!! 👍🚀🚀

[@OptimisticWeb]

Thank you!

[@MaliRasko]

why no repo (ಥ﹏ಥ)

[@OptimisticWeb]

The code is available at the demo link provided in the description. Thanks for watching!

[@MaliRasko]

@@OptimisticWeb funny.. I was lookin for it, hard. Well .. thank you, great content. Keep it simple 💪