I've been learning HTML and CSS since February 25th, and I'm feeling the urge to start building something real. While I can use CSS Grid and Flexbox separately, I'm struggling to implement them together in existing projects. My current layouts are made with margins and padding, and I'm eager to jump into JavaScript. Should I focus on mastering Grid and Flexbox first, or is it okay to move on to JavaScript now?
3 Answers
You don’t have to master Grid and Flexbox completely before diving into JavaScript. Just be sure you can create simple layouts without struggling. It sounds like you’re in a spot where you should start using them instead of relying on margins and padding. So, I’d suggest practicing a few small layouts with both until they feel natural, then you can add JavaScript to enhance your projects.
You can definitely pick up Grid and Flexbox in just a few hours. You don't need to memorize every little detail; just get a basic idea of their capabilities and refer back to resources like CSS Tricks for details. Once you get comfortable, use these tools to create the layouts you want! If you're eager to dive into JavaScript, go ahead—just follow what feels most exciting to you.
I found that Grid and Flexbox made a lot more sense when I stopped trying to memorize everything and started applying them to real problems. CSS Tricks is great, but also try using CodePen to replicate some standard layouts you see online. You'll quickly learn when to use Grid versus Flexbox that way.
Totally! Just keep in mind that you might be using frameworks like Bootstrap or Material Design soon, so getting a grip on these concepts now will help a lot later on.
I get that! I can create both layouts individually, but merging them into existing code is tough. I guess my main hangup is about replacing margins and paddings with Grid verses just starting fresh with Grid in new projects.