This is my first completed project for Frontend Mentor. You can see the original assignment and specs here.
The content of this project is a three-column component featuring vehicles, with each column featuring an image, text and a button. This component can easily be repurposed for other uses and the colors can easily be updated by replacing the SASS variables for each color.
For this project I chose to get back to basics and create the content using only HTML and not React or using a framework like BootStrap. The content is styled using SASS and Flexbox. This is my first time using SASS, though I have used SCSS before. The new syntax, namely not using curly brackets to wrap my rules, was often frustrating but very workable.
There are no dependencies required to run this project.
To view this project, clone this repo. Then, in your browser open the index.html file.
This is an open source project and covered by the MIT License as detailed below.
MIT License
Copyright (c) 2021 LisaCee
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.