# How To Get Better At CSS (For Developers)

**URL:** <https://forum.devtalk.com/t/how-to-get-better-at-css-for-developers/7656>\
**Category:** Blogs/Articles/Talks/Podcasts\
**Tags:** css\
**Created:** [7 March 2021 01:49 UTC](https://forum.devtalk.com/t/how-to-get-better-at-css-for-developers/7656 "2021-03-07T01:49:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![CommunityNews](https://forum.devtalk.com/user_avatar/forum.devtalk.com/communitynews/32/1113_2.png) [@CommunityNews](https://forum.devtalk.com/u/CommunityNews)\
**Post date:** [7 March 2021 01:49 UTC](https://forum.devtalk.com/t/how-to-get-better-at-css-for-developers/7656/1 "2021-03-07T01:49:05Z")

</div>

> The key reason why you (and likely most developers) struggle with CSS, is that you underestimate it.
> 
> Underestimating CSS leads to a strange feeling of tediousness when writing it, that makes having to deal with it a laborious and seemingly unrewarding task.
> 
> Style by style, div by div, media query by media query. Having to make endless small tweaks in what feels like an open-ended ‘design’ process with no direction at all can feel like torture to a development-oriented mind.
> 
> Not to mention a complete lack of debugging tools and methods, available for when things go wrong.
> 
> This underestimation of CSS is a subset of a problem that we developers tend to have with design in general.
> 
> In short, we don’t think it’s that important. We don’t understand or appreciate its _meaning_…

[https://planflow.dev/blog/how-to-get-better-at-css](https://planflow.dev/blog/how-to-get-better-at-css)

_This thread was posted by one of our members via one of our news source trackers._

---

<div class="post-metadata">

**Author:** ![dyowee](https://forum.devtalk.com/user_avatar/forum.devtalk.com/dyowee/32/6692_2.png) [@dyowee](https://forum.devtalk.com/u/dyowee)\
**Post date:** [7 March 2021 07:37 UTC](https://forum.devtalk.com/t/how-to-get-better-at-css-for-developers/7656/3 "2021-03-07T07:37:21Z")

</div>

How do you learn and be awesome in making responsive layouts/design for different mobile device sizes?

---

<div class="post-metadata">

**Author:** ![AstonJ](https://forum.devtalk.com/user_avatar/forum.devtalk.com/astonj/32/7_2.png) [@AstonJ](https://forum.devtalk.com/u/AstonJ)\
**Post date:** [7 March 2021 13:24 UTC](https://forum.devtalk.com/t/how-to-get-better-at-css-for-developers/7656/4 "2021-03-07T13:24:49Z")

</div>

Start here:

[https://www.w3schools.com/css/css\_intro.asp](https://www.w3schools.com/css/css_intro.asp)

Then look at the various frameworks and start learning one or two 😃 check out our CSS threads as well:

[https://forum.devtalk.com/tag/css](https://forum.devtalk.com/tag/css)

---

<div class="post-metadata">

**Author:** ![jaeyson](https://forum.devtalk.com/user_avatar/forum.devtalk.com/jaeyson/32/6395_2.png) [@jaeyson](https://forum.devtalk.com/u/jaeyson)\
**Post date:** [18 April 2021 09:59 UTC](https://forum.devtalk.com/t/how-to-get-better-at-css-for-developers/7656/5 "2021-04-18T09:59:45Z")

</div>

an oldie:

- [css diner](https://flukeout.github.io/)
- [grid garden](https://cssgridgarden.com/)
- [flexbox froggie](https://flexboxfroggy.com/)

---

<div class="post-metadata">

**Author:** ![rashi](https://forum.devtalk.com/letter_avatar_proxy/v4/letter/r/ee59a6/32.png) [@rashi](https://forum.devtalk.com/u/rashi)\
**Post date:** [14 February 2022 19:11 UTC](https://forum.devtalk.com/t/how-to-get-better-at-css-for-developers/7656/6 "2022-02-14T19:11:38Z")

</div>

- CSS is used to style a webpage.
- CSS stands for Cascading Style Sheets.
- There are three ways to add CSS to an HTML file Inline, Internal and External. Adding external is the recommended way
- CSS3 is the widely used version of CSS
- There exist many CSS frameworks most popular ones are Tailwind CSS, Bootstrap, and Bulma CSS.
- Most of the apps/sites you see on the web have been styled with CSS. Some examples include Google products like its search engine, Gmail, Gdrive, YouTube and so on E-commerce sites like Amazon, Flipkart Social Media sites like Twitter, Insta, etc.

Read this article to know more: [CSS Full Form | What is CSS? - Scaler Topics](https://scaler.com/topics/css-full-form/)

---

<div class="post-metadata">

**Author:** ![joeb](https://forum.devtalk.com/user_avatar/forum.devtalk.com/joeb/32/6721_2.png) [@joeb](https://forum.devtalk.com/u/joeb)\
**Post date:** [15 February 2022 04:47 UTC](https://forum.devtalk.com/t/how-to-get-better-at-css-for-developers/7656/7 "2022-02-15T04:47:57Z")

</div>

Although not free, I saw on twitter that this is one of the best courses out there:

> **[CSS for JavaScript Developers | An online course that teaches the...](https://css-for-js.dev/)**
>
> A comprehensive course that helps you develop deep mastery of CSS. Built specifically for JavaScript developers!
