Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

css 2 components side by side react

//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;}
Comment

PREVIOUS NEXT
Code Example
Javascript :: javascript sleep 
Javascript :: regex replace cpf 
Javascript :: how to make a kill command discord.js 
Javascript :: react native nested screens 
Javascript :: diffrence b/w render and reload 
Javascript :: wordpress add jquery script 
Javascript :: url.parse deprecated 
Javascript :: regex pater for only 4 or 6 digits 
Javascript :: if checkbox is checked 
Javascript :: how to execute javascript cde on window rotate 
Javascript :: video play on page load 
Javascript :: console log larger 
Javascript :: javascript work out age from date of birth 
Javascript :: split a string every n characters javascript 
Javascript :: function sytax js 
Javascript :: com.fasterxml.jackson.databind.exc.unrecognizedpropertyexception unrecognized field 
Javascript :: math.round js 1 decimal 
Javascript :: parentelement javascript 
Javascript :: Add event listener to multiple buttons with the same class 
Javascript :: firebase get current user javascript 
Javascript :: ajax each function 
Javascript :: cypress scroll bottom 
Javascript :: nods js fs append to file 
Javascript :: jquery add td to tr dynamically 
Javascript :: populate dropdown with a variable 
Javascript :: Chart is not a constructor 
Javascript :: convert csv to json python using pandas 
Javascript :: javascript regex url 
Javascript :: An accessor cannot be declared in an ambient context. 
Javascript :: jquery disable form element 
ADD CONTENT
Topic
Content
Source link
Name
4+4 =