# How To Get Better At CSS

**URL:** <https://forum.ionicframework.com/t/how-to-get-better-at-css/165908>\
**Category:** Ionic Framework\
**Created:** [June 10, 2019, 4:29pm UTC](https://forum.ionicframework.com/t/how-to-get-better-at-css/165908 "2019-06-10T16:29:09Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shmoji](https://avatars.discourse-cdn.com/v4/letter/s/c0e974/32.png) [@Shmoji](https://forum.ionicframework.com/u/Shmoji)\
**Post date:** [June 10, 2019, 4:29pm UTC](https://forum.ionicframework.com/t/how-to-get-better-at-css/165908/1 "2019-06-10T16:29:09Z")

</div>

I have been making an app for a while now and I have noticed a reoccurring issue. I do not seem to be getting any better at laying out my app in a pretty way which means I am not getting better at CSS I think.

For example, right now, I am trying to put a two labels at the top of my app with a ion-select beside each label. No matter how much I mess with the CSS I can not get it the way that I want it. I have both labels and ion-selects, but not in the aesthetic way I want.

This happens every time I try to change the visuals of my app and I just have to settle with some ugly interface.

My question is: how do I get better at CSS or how do I get better at interface design using CSS in Ionic? You would think practice would help, but it has not helped.

---

<div class="post-metadata">

**Author:** ![jjdev](https://avatars.discourse-cdn.com/v4/letter/j/58956e/32.png) [@jjdev](https://forum.ionicframework.com/u/jjdev)\
**Post date:** [June 10, 2019, 4:33pm UTC](https://forum.ionicframework.com/t/how-to-get-better-at-css/165908/2 "2019-06-10T16:33:57Z")

</div>

Have you looked at the [Ionic Grid docs?](https://ionicframework.com/docs/layout/grid)

---

<div class="post-metadata">

**Author:** ![Shmoji](https://avatars.discourse-cdn.com/v4/letter/s/c0e974/32.png) [@Shmoji](https://forum.ionicframework.com/u/Shmoji)\
**Post date:** [June 10, 2019, 5:01pm UTC](https://forum.ionicframework.com/t/how-to-get-better-at-css/165908/3 "2019-06-10T17:01:39Z")

</div>

No, but I should have! Thank you

---

<div class="post-metadata">

**Author:** ![jjdev](https://avatars.discourse-cdn.com/v4/letter/j/58956e/32.png) [@jjdev](https://forum.ionicframework.com/u/jjdev)\
**Post date:** [June 10, 2019, 5:09pm UTC](https://forum.ionicframework.com/t/how-to-get-better-at-css/165908/4 "2019-06-10T17:09:01Z")

</div>

If you find your layouts cannot be obtained simply with ion-grid, then you may have to dive farther into some common css design patterns

---

<div class="post-metadata">

**Author:** ![Fick1995](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/fick1995/32/126310_2.png) [@Fick1995](https://forum.ionicframework.com/u/Fick1995)\
**Post date:** [June 17, 2019, 7:46pm UTC](https://forum.ionicframework.com/t/how-to-get-better-at-css/165908/5 "2019-06-17T19:46:55Z")

</div>

Great info thanks for sharing this stuff. 😀