DaniXP Posted March 22, 2018 Share Posted March 22, 2018 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 Link to comment Share on other sites More sharing options...
Ingolme Posted March 22, 2018 Share Posted March 22, 2018 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..." Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now