Tips for junior front-ender?

[arnsa]

Hello,

so I just started working at a company as intern front end developer. The tools I currently use: HTML5, CSS3, Sass, Grunt, JS, jQuery. What I am still really struggling with is CSS. And actually the most problems that pop up to me are related to layouts (I am not currently using flexbox, because we need to support IE). I seem to struggle a lot when trying to code some kind of layout, because I face a lot of problems that I don’t really understand. So could you guys point out some good resources on this topic (like floats, inline-blocks and stuff like that, that’s related to layouts, but not using flex box)? Also, some best practices, useful snippets of code etc. would be great, too. Thank you!

[shaneisme]

Without specific items to look into, it’s hard to say.

You could try a good CSS book: https://abookapart.com/products/css3-for-web-designers

Or you could check out some items here on CSS tricks:

https://css-tricks.com/almanac/properties/d/display/
https://css-tricks.com/almanac/properties/p/position/
https://css-tricks.com/almanac/properties/f/float/

You could tear into Bootstrap, or another CSS library, to see how they’re doign it: https://github.com/twbs/bootstrap

But if you have something specific, set up a Pen and we can dig into it.

[Author]

Posts