-
Notifications
You must be signed in to change notification settings - Fork 40
/
Best way add CSS Styling in ReactJS
32 lines (26 loc) · 1.08 KB
/
Best way add CSS Styling in ReactJS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import React, { } from 'react';
import { Container } from 'react-bootstrap';
import mytest from './Mytest.module.css';
function Aboutus(){
const test = { padding:"20px", color:"white"}
return (
<React.Fragment>
<Container>
<div className='row fthight'>
<div className='col-sm-6 mt-3'>
<h4>1- Inline CSS </h4>
<p style={ { fontSize:"40px", color:"red" }}>Hello, David how are you?</p>
<p style={ test}>I am here!</p>
</div>
<div className='col-sm-6 mt-3'>
<h5 className='mytest'>Hello , Sam how are you?</h5>
</div>
<div className='col-sm-6 mt-3'>
<h5 className={ mytest.Redbg}>Hello , Frank how are you?</h5>
</div>
</div>
</Container>
</React.Fragment>
);
}
export default Aboutus;