CSS & Tailwind snippets

Flexbox_and_Margins.tsx

export default function Flexy() : JSX.Element {
  return (<div className="flex flex-row">
    <div className = "outline outline-black">
      <p>Foo</p>
    </div>
    <div className = "outline outline-black">
      <p>Bar</p>
    </div>
    <div className = "ml-auto outline outline-black" >
      <p>Baz</p>
    </div>
    <div className = "outline outline-black" >
      <p>Wee</p>
    </div>
  </div>)
}