phylliswong

import React from 'react'

// ES6 JS object
const containerStyle = {
  'position': 'relative',
  'height': '20px',
  'width': '350px',
  'border-radius': '350px',
  'border': '1px solid #333'
};

phylliswong

import React, { Component } from 'react';
import './Square2.css';

class Square extends Component {
  render () {
   return (
    <div className='sq2-container'>
      <h1 className='sq2-title'>Even better title</h1>
      <p className='sq-content'>Much improved content</p>
    </div>

phylliswong

import React from 'react';

const Square = () => {
  const sqStyle = {
    "border": "1px solid black",
    "color": "#a9a9a9"
  }
  
  return (
    <div className='sq-container' style={sqStyle}>