Your instructional videos on the use of CSS impress with clarity but most importantly you solve real world problems in the design of modern production ready sites. I would very much appreciate if you would make another tutorial using CSS Grid with a sticky sidebar, which you mention at the end of your video. Thank you very much!
Yes, yes and yes! To the video suggested you made at the end. In fact from the previous video you made, I though that if you have a blog or news layout, it would be nice to have stick aside bar for backlinks to relevant articles. So, yes and I'm looking forward to it! Thanks for all so far.
If you wanted to do another video in this series, you could illustrate how to use named grid lines instead. Not very applicable with this layout but at least it would demonstrate how if you need to change things around in a media query you just need to change one line in the media query instead of redefining all the children/utility classes declarations for grid-column and grid-row. They have their name and then you just shuffle the grid-template-columns (or grid-template-areas if you don’t need overlapping content).
Hi Dmitry! Would it be possible to create a video explaining your approach when setting up a project? For example, the file structure and how you organize it based on what your needs are. Often most of us struggle with this.
I’d suggest using named grid lines that way you don’t need the comment to figure out the line numbers and your individual items can then even use grid-area to really clarify things.
couldn't you leave the 1fr columns without adding the medium and large, and just set the medium and large elements to span 2 / -2 and 3 / -3 but with a max-width?
Sir I’m subscribing to your channel. I’m very new to web development and I’m learning as self taught but I’m struggling a lot to come up with classes names and organizing my code base. Please help me
Hey Alfred, welcome aboard! Thanks for subscribing, I really appreciate it. Naming things is tough, so don’t feel bad about it. What kind of projects do you work on?
I’m currently working on one of the projects from frontend mentors which is Audiophile but I have been stuck for 3 days now just to build the header of that project. Very frustrating. I have learning css and html for year but the practical implementation is what killing me. Base on few of your videos I have watched, I really want to be able to organize my code base and not just writing spaghetti code. By the way how can I make my vscode looks like your.
@@dmtrmrv I’m currently working on one of the projects from frontend mentors which is Audiophile but I have been stuck for 3 days now just to build the header of that project. Very frustrating. I have learning css and html for year but the practical implementation is what killing me. Base on few of your videos I have watched, I really want to be able to organize my code base and not just writing spaghetti code. By the way how can I make my vscode looks like your.
Hey @alfredkonneh2963, I just posted a video about the project structure. I hope it helps you on your learning journey. Feel free to ask any follow-up questions in there!
Your instructional videos on the use of CSS impress with clarity but most importantly you solve real world problems in the design of modern production ready sites. I would very much appreciate if you would make another tutorial using CSS Grid with a sticky sidebar, which you mention at the end of your video. Thank you very much!
Thank you for the kind words!
Yes, yes and yes! To the video suggested you made at the end. In fact from the previous video you made, I though that if you have a blog or news layout, it would be nice to have stick aside bar for backlinks to relevant articles. So, yes and I'm looking forward to it! Thanks for all so far.
Thank you! Glad you're enjoying the videos so far. Cool, I'll add it to the queue!
If you wanted to do another video in this series, you could illustrate how to use named grid lines instead. Not very applicable with this layout but at least it would demonstrate how if you need to change things around in a media query you just need to change one line in the media query instead of redefining all the children/utility classes declarations for grid-column and grid-row.
They have their name and then you just shuffle the grid-template-columns (or grid-template-areas if you don’t need overlapping content).
Named grid lines are a great idea for an upcoming video. Thank you!
Hi Dmitry! Would it be possible to create a video explaining your approach when setting up a project? For example, the file structure and how you organize it based on what your needs are. Often most of us struggle with this.
Great suggestion! I'll make a video on that. I've gotten this request a few times already.
@@dmtrmrv Awesome! Thanks. Looking forward to it!
Just posted a video about that. Hope you find it helpful!
@@dmtrmrv You rock! Thanks for the insight. It was helpful!
I’d suggest using named grid lines that way you don’t need the comment to figure out the line numbers and your individual items can then even use grid-area to really clarify things.
Thanks for the suggestion!
couldn't you leave the 1fr columns without adding the medium and large, and just set the medium and large elements to span 2 / -2 and 3 / -3 but with a max-width?
Yeah, that could work, kind of a mix between the grid approach and the max-width approach.
Sir I’m subscribing to your channel. I’m very new to web development and I’m learning as self taught but I’m struggling a lot to come up with classes names and organizing my code base. Please help me
Hey Alfred, welcome aboard! Thanks for subscribing, I really appreciate it. Naming things is tough, so don’t feel bad about it. What kind of projects do you work on?
I’m currently working on one of the projects from frontend mentors which is Audiophile but I have been stuck for 3 days now just to build the header of that project. Very frustrating. I have learning css and html for year but the practical implementation is what killing me. Base on few of your videos I have watched, I really want to be able to organize my code base and not just writing spaghetti code. By the way how can I make my vscode looks like your.
@@dmtrmrv I’m currently working on one of the projects from frontend mentors which is Audiophile but I have been stuck for 3 days now just to build the header of that project. Very frustrating. I have learning css and html for year but the practical implementation is what killing me. Base on few of your videos I have watched, I really want to be able to organize my code base and not just writing spaghetti code. By the way how can I make my vscode looks like your.
Hey @alfredkonneh2963, I just posted a video about the project structure. I hope it helps you on your learning journey. Feel free to ask any follow-up questions in there!