html-css-challenge

The Challenge

Users should be able to:

• See hover states for interactive elements.

Screenshot

Links

https://danelaban.github.io/html-css-challenge/
https://html-css-challenge-sigma.vercel.app/
https://musing-khorana-970bab.netlify.app/

My Process

1. Read the ReadME file
2. Started with HTML
3. Added link's
4. Created DIV'S where necessassary
5. Made sure all HTML page was accurate
6. Began CSS
7. Linked CSS and HTML together
8. Ran Code

Built With

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• Google API

What I learned

This project taught me how to create a table and input three "boxes" side by side. It also taught me to prioritize certain things so the workflow is smoother. I learned some new tricks with the keyboard to make coding faster and easier.

Useful Resources

• This helped me with the box shadow ~ https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
• This helped with side-by-side divs ~ https://www.geeksforgeeks.org/how-to-float-three-div-side-by-side-using-css/

Author

• Website ~ [DaneLaban] (https://github.com/DaneLaban)
• Frontend Mentor ~ [Dane Laban] (https://www.frontendmentor.io/profile/DaneLaban)
• Twitter ~ [Siaki_24] (https://twitter.com/Siaki_24)
• IG ~ [Siaki_24] (https://www.instagram.com/siaki_24/)
• LinkedIn ~ (https://www.linkedin.com/in/dane-l-7a99301ba/)