W3.CSS Cards Formating Problem

[DaniXP]

Hello!

I like the W3.CSS Cards, see example here: https://www.w3schools.com/w3css/w3css_cards.asp

I would like put the first example two or three types in one row.

Any solution and help for me?

Thanks and
Best regards

[Ingolme]

This is the code that is being used in the first example to put three cards on one row:

<div class="w3-row-padding" style="margin:0 -16px">
  <div class="w3-third">
  	<div style="height:100px" class="w3-card w3-container w3-yellow w3-margin-bottom"><p>w3-card</p></div>
  </div>
  <div class="w3-third">
  	<div style="height:100px" class="w3-card-2 w3-container w3-margin-bottom"><p>w3-card-2</p></div>
  </div>
  <div class="w3-third">
  	<div style="height:100px" class="w3-card-4 w3-container w3-yellow w3-margin-bottom"><p>w3-card-4</p></div>
  </div>
</div>

When you see styles on a page that you like, you can open your browser's developer tools and inspect the elements. In most browsers you can do this by pressing F12 or by right-clicking on the object and selecting "Inspect element..."