Jump to content

W3.CSS Cards Formating Problem

Recommended Posts

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 class="w3-third">
  	<div style="height:100px" class="w3-card-2 w3-container w3-margin-bottom"><p>w3-card-2</p></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>

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..."

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now