This project involves the implementation of a three-column preview card component, with each column representing a type of vehicle (sedan, SUV, and luxury). Each card contains relevant information and a "Learn More" button for additional details.
- HTML5
- CSS3 (with BEM methodology)
- Google Fonts (Lexend Deca, Big Shoulders Display)
-
Web view
- To see it in any web browser just click this preview link
-
Local view
- Clone or download the repository to your local machine.
- Open the
index.htmlfile in your favorite web browser.
The BEM (Block, Element, Modifier) convention has been applied to organize and structure the CSS code in a modular and easily understandable way. Each card is represented as a block (card), with elements and modifiers for different styles and variations.
The design is responsive and adapts to different screen sizes. Specific adjustments for smaller devices have been made using media queries.