My first project attempt Date started:1/10/2023 Date finished: 1/23/2023 Date revised: 1/30/2023 - removed css style to external sheet; added CSS reset (made
- Semantic HTML5 markup
- CSS custom properties
This is the first project I ever made with HTML 5 and CSS. Definitely need practice to remember how to use some of the functions here, including: how to insert font from an URL, fix footer at the bottom of the page so it's readable across different monitor screen sizes, how to make a card and how to make it look dimesional, etc.
- How to Center an Image Using Text Align: Center - This helped me center the QR code within the card.
- CSS Box-Shadow tutorial: the basics - The video explains how to create shadow around a box-in this case it's the card.
- How to set background color in HTML? - The article explains how to set background color for HTML body in HTML or with CSS.
- CSS Rounded Corners - info for how to set the card's corners to be rounded.
- [How to add CSS] (https://www.w3schools.com/css/css_howto.asp) - info for how to create external, internal, or inline CSS. I plan to learn about how to make external CSS sheet so I can save time in the future.
- How to Host a Website on GitHub Pages - This tutorial video taught me how to host my solution website on GitHub.
- Frontend Mentor - @mochimooo
I got help from my brother, Benny. He gave me feedback which I will implement in my future projects, such as creating an external CSS sheet, and how to consider the functionality of a website in order to fix certain items on the website to fit different monitor screens.