Close

Bootstrap cards in columns

This is another example of a cards layout with images designed using HTML, and CSS. Images have been imported to the form with its URL added. The cards are given the bootstrap type card. The body is given a background color of #eeeded whereas the cards are given a style set of box-shadow as 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24), transition as all 0.2s ease-in-out, box-sizing as border-box, margin-top as 10px, margin-bottom as 10px, and background-color as #FFF. A box-shadow of 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) is given to the cards in a hover event. Card header is given a margin-bottom of 5px whereas card image is given a width of 100%. The cards take a box shadow effect in a hover event. Source: https://codepen.io/jakedx6/pen/Veqbez

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.