Skip to content

Latest commit

 

History

History
 
 

05-adding-styles

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
tutorial

05 Adding styles to the components

The most recommended way to do styles on React is using CSS-in-JS.

Basically you create an object with your styles like this:

const mySuperStyles = {
    color: "blue",
    fontSize: "14px",
    border: "1px solid black"
};

And then you can apply those styles to your HTML like this:

    <div style={mySuperStyles}>I am an alert</div>

📝 Instructions:

  1. The current exercise has an object with styles applied already, please update the the styles to meet the following:

    • Font size has to be 16px

    • Background color has to be black.

    • A yellow border with 1px.