Why flexbox isn't working?

https://code.sololearn.com/WXUN6MXFa68K/?ref=app

css3 flexbox

14th Sep 2021, 3:23 PM

Sagor Mahmud

2 Answers

+ 1

What exactly isn't working? What should it look like?

14th Sep 2021, 3:48 PM

Lisa

put all the elements in one div like this, make sure u resize the view of the screen for the elements to appear in row else they will collapse into columns if the space is not enough <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS Flexbox</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"> </head> <body> <div class="container"> <div class="child1"> <h1>Box 1</h1> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur illum assumenda nemo ipsa exercitationem fuga temporibus non minus sapiente doloremque?</p> </div> <div class="child2"> <h1>Box 1</h1> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur illum assumenda nemo ipsa exercitationem fuga temporibus non minus sapiente doloremque?</p> </div> <div class="child3"> <h1>Box 1</h1> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur illum assumenda nemo ipsa exercitationem fuga temporibus non minus sapiente doloremque?</p> </div> </div> </body> </html>

14th Sep 2021, 4:32 PM

Sacalivin Obiri