HNG INTERNSHIP

A solution to the stage one task of the frontend track

Table of contents

• Overview
  • Links
• My process
  • What I learned
  • Useful resources
• Author
• Acknowledgement

Overview

Users can :

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements

Links

• Live Site URL: Live Site URl

My process

Built with

• Semantic HTML5 markup
• B E M [Block - Element - Modifier] Custom Properties
• ABCSS Custom Properties
• CSS custom properties
• Flex box Properties
• CSS Grid
• Implementing Mobile-first workflow

What I learned

• Perfecting the use of CSS flex box in arrangement of element

• Sorting of properties of element using BEM implementation and ABCSS

Useful resources

• W3Schools - Here you can find everything about web developer that can help improving your web development career from (zero to hundred) level beginner to an expert.

• Freecodecamp - This amazing course helps in improving expertise of anyone from level beginner to an expert.

• Hash Node BLog - This is an amazing article can help anyone from a beginner to an expert.

• MDN - This amazing article helps in understanding the natural heights of images.

• FIrefox - This amazing reponsive design article helps in mastering responsive design.

Author

• Website - @Tolux001

• Linkedin - Tolux

• Twitter - Tolux001

• Frontend Mentor - Tolux001

• Hash Node - Tolux001

Acknowledgement

• HNG Internship