# Displaced user-card, need some help with CSS

**URL:** <https://meta.discourse.org/t/displaced-user-card-need-some-help-with-css/95006>\
**Category:** Product Support\
**Created:** [August 17, 2018, 4:01pm UTC](https://meta.discourse.org/t/displaced-user-card-need-some-help-with-css/95006 "2018-08-17T16:01:44Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![gege](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gege/32/88367_2.png) [@gege](https://meta.discourse.org/u/gege)\
**Post date:** [August 17, 2018, 6:07pm UTC](https://meta.discourse.org/t/displaced-user-card-need-some-help-with-css/95006/2 "2018-08-17T18:07:05Z")

</div>

Hello Pravi,  
i think your user-card style is good. Instead of fixing user-card i prefer to fix the `#main-outlet` of your site.

For example:

```plaintext
    #main {
      // width: 1110px; 
      // background-color: #ffffff;
      margin: 0 auto;
      padding: 0 25px 25px; 
    }

    #main-outlet {
        padding-top: 70px;
        padding-left: 25px; 
        padding-right: 25px; 
        background-color: whitesmoke; 
    }

```

you can give it a try. I hope that this tiny code can help you out. 👨‍🔧

---

_[View the full topic](https://meta.discourse.org/t/displaced-user-card-need-some-help-with-css/95006)._