I'm very lost in css.
I need help, at this point I'm completely lost in how to get into css.
Not only is there a LOT about css, a lot of it interwieves itself in complex ways.
No idea where to begin, i want to have a great understanding if possible.
Seems like i can somewhat mingle a layout together but then text just straight out ruins everything about it with all its wrapping and overflowing, searching up how to control leads to font sizes which is a whole other mess.
Then theres other units which i have the worst time trying to learn them.
At the end of the day, every day i try to learn more css i wonder if i learned anything new and just feel defeated XD
Hoping to understand do's and don'ts, yet for every do at somepoint theres a group that recommends the dont instead.
The most i have confidence at this point is making a div with a width/height in px, from what i hear is bad idea.
Another problem is i learn see a lot of css and retain none of it, theres just so much!
Any suggestion on this wild world of css?
6 Replies
You're in the right place as the nest thing you could do for yourself is start at the beginning of kevin powells YouTube channel and make sure you're learning the fundamentals. Some of the older videos may be outdated as new tools came in but for the basics like the box model and cascade, that hasn't changed. Another helpful resource for more text based learning vs video is googles Learn CSS course.
The second part is making sure you get lots of practice. Joining something like iCodeThis and completing a challenge a day will make sure you're applying what you learn amd once you submit you can also see how your peers approached the same challenge and learn from that as well. There are also Front-End mentor challenges and CSSBattle daily challenges too for practice.
Another resource is a scrimba course like this Learn html and css with the caveat that I haven't taken it, and it's likely to be a bit outdated too , like not including modern css but still teaching the fundamentals albeit may be teaching some things you'll need to unlearn later. The nice thing about scrinba is combining steps 1 amd 2; learn and practice at the same time with their minibrowser. Also scrimba v2 is still fairly buggy so if you run into issues, change the "v2" in the url to v1 and use the stable version.
web.dev
Learn CSS Â |Â web.dev
An evergreen CSS course and reference to level up your web styling expertise.
iCodeThis
Projects to improve your coding skills!
What will you build?
The next step of your coding journey starts here.
Additionally here is a list of resources for beginners I have saved
Resources for beginners:
https://cssbattle.dev/
https://web.dev/learn/css
https://courses.kevinpowell.co/conquering-responsive-layouts
https://web.dev/learn/design
https://youtube.com/playlist?list=PLu8EoSxDXHP5CIFvt9-ze3IngcdAc2xKG&si=MbKNwf6sJl8VhgdS
https://www.youtube.com/@TraversyMedia
https://www.freecodecamp.org/
https://jankcss.com/
https://fffuel.co/css-selectors/
https://css-tricks.com/
https://flexboxfroggy.com/
https://mastery.games/flexboxzombies/chapter/1/level/3
CSSBattle
The funnest CSS game for web designers & developers
web.dev
Learn CSS Â |Â web.dev
An evergreen CSS course and reference to level up your web styling expertise.
Kevin Powell
Conquering Responsive Layouts
Are you ready to take the challenge and finally figure out responsive layouts? Click the button below and jump in!
web.dev
Learn Responsive Design  | web.dev
A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone.
YouTube
CSS Grid
ty 😄 gonna look through what i can!
But how do you remember this sort of stuff?
I tried many ways but at some point i just forget stuff.
Been trying to make notes in the form of little scripts on my computers as examples, is this a good solution?
Sure notes help but the best thing you can do is practice and repetition. That’s why I recommended iCodeThis, CSSBattle, and scrimba. Trying to memorize all the concepts without putting into practice is a losing game. Those platforms are nice because they give you challenges to work towards and the environment to do so but whether you’re using a platform like that or making your own projects, the only way it’s gonna stick is putting in the work.
I too had some google docs when I started learning JavaScript and referenced a few times when I was trying to think of something specific but it was the reps and the muscle memory that actually helped.
just want to second that practice is super important. Building projects is how you learn web dev, not reading about syntax and best practice. You do the reading first, then immediately build something with what you've learned, otherwise you're just wasting time
As this question is not code-specific I'm closing it. If you'd like to continue the discussion please re-post in #discussions