MdcRawGrids.js

import React from 'react';
import Textfield from 'react-mdc-web/lib/Textfield/Textfield';

export default function ComingSoon() {
  return (
    <div>
      <h1 style={{ textAlign: 'center' }}>{'Coming soon'}</h1>
      <div className="mdc-layout-grid">
        <div className="mdc-layout-grid__inner">
          <div className="mdc-layout-grid__cell mdc-layout-grid__cell--span-3">
            <img src="phone.svg" alt="Illustration smartphone" style={{ height: '300px', width: 'auto' }} />
          </div>
          <div className="mdc-layout-grid__cell mdc-layout-grid__cell--span-9">
            <p>{'Kolay sera bientôt ouvert aux inscriptions et disponible sur iPhone, Android et Web.'}</p>
            <Textfield floatingLabel="Email" />
          </div>
        </div>
      </div>
    </div>
  );
}