Create React App

React Programming
1

Chapter 1 discussion

2

Bronze Challenge: Subtitle

As I’m working through the challenges, posting my solutions - any comments/suggestions welcome.

bronze
bronze1710×495 73.7 KB

src/App.css

.subtitle-component h2 {
    background: #cd7f32 /*Bronze color*/;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    font-style: italic;
    text-transform: lowercase;
    width: 100%;
}

src/App.js

<header className='subtitle-component'> 
  <h2>Bronze Challenge: Subtitle - Make Ottergram’s header a little more descriptive to let users know what the app is all about. Below the &lt;h1&gt; tag, add a subtitle that matches the style of your main header. But make it a bit smaller, use an italic font style, and make it all lowercase.</h2>
</header>
3

One change - put the code in App.js in Header.js.