jobiqo-cl/lib/es/src/components/02-atoms/06-layout/01-alignment/03-vertical-align/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

import styled from 'styled-components';

/**
 * @file index.tsx
 *
 * @fileoverview Aligns an element center vertically.
 */
/**
 * Vertically centers any element within its container (flex).
 */
const VerticallyCentered = styled.div `
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
`;

export { VerticallyCentered };