Breaking News: Grepper is joining You.com. Read the official announcement!

css 2 components side by side react

intricate_symbol answered on December 11, 2021 Popularity 9/10 Helpfulness 7/10

answer css 2 components side by side react

css 2 components side by side react

Comment

//Suppose this the js file: Use a div (in this case its rowC) to make a row 
--
import Coursebox from './Coursebox';
import Newsbox  from './Newsbox'
 class ContainerRow extends React.Component {
 render(){
    return (
        <div className='rowC'>
            <Coursebox />
            <Newsbox />
        </div>
    );
 }
}

//Using CSS you can put the two components side-by-side: 
.rowC{display:flex; flex-direction:row;}

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: components css javascript side-by-side

Link to this answer
Share Copy Link