# Ocelot.Social Documentation

Skip to main content

- Introduction
- Neo4J

- Backend

  - GraphQL
  - neo4j-graphql-js

- Webapp (Frontend)

  - Components
  - HTML
  - SCSS
  - Vue

- Testing Guide

  - End-to-end Tests
  - Webapp (Frontend) Tests
  - Backend Tests
- Deployment
- Contributing
- Feature Specification
- Code of Conduct
- Documentation
- License

#

April 5, 2026
Less than 1 minute

On This Page

- Container widths

    <ds-container>
      <ds-placeholder>I am contained</ds-placeholder>
    </ds-container>

## Container widths

Use smaller maximum width for content that doesn't need the full size (ex. Login Form / Registration Form).

    <ds-container width="x-small">
      <ds-placeholder>My max-width is x-small</ds-placeholder>
    </ds-container>
    <ds-container width="small">
      <ds-placeholder>My max-width is small</ds-placeholder>
    </ds-container>
    <ds-container width="medium">
      <ds-placeholder>My max-width is medium</ds-placeholder>
    </ds-container>
    <ds-container width="large">
      <ds-placeholder>My max-width is large</ds-placeholder>
    </ds-container>