# Pacakge Pages Badges

To add a badge to your page in the bottom corner, you can add the following css to your style sheets or your docs main page.

```css

.pkg-badge {
  position: fixed; 
  bottom: 0px; 
  left: 0px; 
  width: 100%;
  display: flex; 
  padding: 0.3rem; 
  justify-content: flex-end;
}

.pkg-badge svg {
  width: 170px;
}

.pkg-badge img {
  width: 170px;
}

@media only screen and (max-width: 600px) {
  .pkg-badge svg {
    width: 100px;
  }
  
  .pkg-badge img {
    width: 100px;
  }
}
```


```html
    <div class="pkg-badge">
        <a href="https://https://packagepages.dev/" rel="noopener noreferrer">
            <!-- svg file here or img -->
        </a>
    </div>
```

The svg file code can be copied for either dark or light, or linked as an img from an assets folder