Skip to content

Latest commit

 

History

History
70 lines (42 loc) · 2.04 KB

README.md

File metadata and controls

70 lines (42 loc) · 2.04 KB

HNG INTERNSHIP

A solution to the stage one task of the frontend track

Table of contents

Overview

Users can :

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

Links

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

Acknowledgement