APPIE Is A HTML & CSS Challenge Made By El Ponyan Elmarsous (كالبنيان المرصوص) Competition, 3rd Edition

This is a solution to the HTML & CSS section challenge on El Ponyan Elmarsous. That Is The Very First Challenge.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources
• Author

Overview :-

The challenge

To Perform The Next Preview and Take In Consideration The Next :-

• Using The Best Practice.

• Achieving The Best Code Structure.

• Get The Highest Performance By Decresing The Resources (Img, vid, etc...) Size.

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

Project Preview

• Desktop Preview

  

• Mobile Preview

  

Links

• Solution URL: solution URL
• Live Site URL: live site URL

My process:-

1- Started With Desktop Design.

2- Then wrote My Queries To Fit Mobile ViewPort.

Built with

• Semantic HTML5 markup
• CSS custom properties var() "Jonas Didn't Explain That Feature"
• Flexbox
• CSS Grid
• Desktop-First Workflow

Useful resources

• Elzero Web School My First Step at Web.

• Jonas Schmedtmann at Udemy More Practical Resource.

• Frontend Mentor To Use Your Knowledge To Build real World Layouts & Websites.

Author

• Frontend Mentor Account - @hossam4444
• Github Account - Hossam Tarek @hossam4444
• linkedin Account - Hossam Tarek