Skip to content

Latest commit

 

History

History
36 lines (22 loc) · 725 Bytes

File metadata and controls

36 lines (22 loc) · 725 Bytes
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.