ryancheta

css Grid and Flex

A Pen by ryan_james_developer on CodePen.

License.

ryancheta

ryancheta

ryancheta

ryancheta

ryancheta

ryancheta

ryancheta

import React from "react";
import styles from "./styles.module.scss";
import { flex, space_between } from "../assets/css/_flex.module.scss";
import { classes } from 'utils';

export default function Component({ children, ...rest }) {
  return (
    <div className={classes(styles.container, flex, space_between)} {...rest}>
      <div>{children}</div>
    </div>

ryancheta

import React from "react";
import "./styles.scss";

export default function Component({ children, ...rest }) {
  return (
    <div className="container flex space_between" {...rest}>
      <div className="textCenter secondaryColor">{children}</div>
    </div>
  );
}