# CSS an Breakpoints

**URL:** https://forum.pinegrow.com/t/css-an-breakpoints/2154
**Category:** Beginners
**Created:** [August 30, 2018, 3:59pm UTC](https://forum.pinegrow.com/t/css-an-breakpoints/2154 "2018-08-30T15:59:26Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)
#### Post date: [August 30, 2018, 3:59pm UTC](https://forum.pinegrow.com/t/css-an-breakpoints/2154/1 "2018-08-30T15:59:26Z")

</div>

Hello, I am currently working on web programming and testing 3 programs (Webflow, Dreamweaver and Pinegrow with Atom). Here’s my problem with Pinegrow:  
I want to create a responsive layout (without using bootstrap). For the different views I want to use different definitions for the font size in CSS for the breakpoints, but unfortunately I am not making any progress here. I can create the breakpoints but how do I assign class to the different breakpoints? Can somebody give me a hint

---

<div class="post-metadata">

### Author: ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [September 2, 2018, 7:25pm UTC](https://forum.pinegrow.com/t/css-an-breakpoints/2154/2 "2018-09-02T19:25:14Z")

</div>

You don’t assign classes to breakpoints, you assign breakpoints to classes with media queries. You can either write this out directly in your stylesheet using the @media rule  
(example)

```auto
@media only screen and (min-width: 601px) {
  div.example {
    font-size: 80px;
  }
}

/* If the screen size is 600px or less, set the font-size of <div> to 30px */
@media only screen and (max-width: 600px) {
  div.example {
    font-size: 30px;
  }
}

```

Or you can use the tools in the CSS panel…

 ![Untitled-1](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/194eb34ee0b722e4a87e315c04c6b4e55d1e376b.jpeg)

Hope this helps you.

---

<div class="post-metadata">

### Author: ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)
#### Post date: [September 5, 2018, 5:08am UTC](https://forum.pinegrow.com/t/css-an-breakpoints/2154/3 "2018-09-05T05:08:05Z")

</div>

Thank you for your help. It worked. I’m learning HTML and CSS. At the moment I’m testing between Dreamweaver and Pinegrow. What is better for learning and understanding?

---

<div class="post-metadata">

### Author: ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [September 5, 2018, 11:26pm UTC](https://forum.pinegrow.com/t/css-an-breakpoints/2154/4 "2018-09-05T23:26:50Z")

</div>

I can’t really comment on Dreamweaver because I don’t use it.

---

<div class="post-metadata">

### Author: ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)
#### Post date: [September 6, 2018, 8:03am UTC](https://forum.pinegrow.com/t/css-an-breakpoints/2154/5 "2018-09-06T08:03:50Z")

</div>

Surprisingly enough, this board would favour Pinegrow - asking the same on the Dreamweaver-side, the answer could sound the opposite.

> [@Printninja](#):
>
> I can’t really comment on Dreamweaver because I don’t use it.

Yep - same here. 12 years ago, I decided against DW - but for very different reasons.

What I like is, that you try to learn the underlying language(s) - that’s cool. And you know what? The less you base your learning curve on an app or framework(thinking), the more open-minded you’re afterwards.

Cheers

Thomas

---

<div class="post-metadata">

### Author: ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [September 6, 2018, 6:46pm UTC](https://forum.pinegrow.com/t/css-an-breakpoints/2154/6 "2018-09-06T18:46:49Z")

</div>

While I can’t saying anything about the program (Dreamweaver), I don’t like Adobe much as a company anymore. They started out as the underdog, competing against Quark and Macromedia, and were very loyal to their users. Now that they’re a big corporate success, it’s all about the 💰 and their shareholders. They have no qualms about pulling the rug out from under their customers by suddenly dropping software that hundreds of thousands of people depend on to make a living, and their Creative Cloud based model is just obnoxious. The software is massively bloated, chews up tons of system resources, and is constantly phoning home to Adobe. I won’t even get into Flash 😖.
