/stats-preview-card-component-main

Primary LanguageCSS

Frontend Mentor - Stats preview card component

Design preview for the Stats preview card component coding challenge

The challenge

Your users should be able to:

  • View the optimal layout depending on their device's screen size

  • practice on (flex-box) -but I used float-

Built with

  1. html 5
  2. css
    • position
    • float
    • flex-box
    • media queries

What I learned

  1. some of flex-box
  2. How to make overlay
  3. what is logical ترتيب
  4. how to use media queries effecintly
  5. orientation portrait and landscape
  6. how to be patient +_+

Continued development

  1. undersrtand flex-box
  2. undersrtand display
  3. undersrtand position

Useful resources

  1. Elzero web school
  2. w3school
  3. no internet connection

Author

zebra is the authour (and it is me ,too)