Food Restaurants Home Page

Table of contents

• Overview
  • The challenge
  • Screenshot
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

The challenge

• Use the background image with linear gradient effect.

Screenshot

My process

Built with

• Semantic HTML5 markup
• CSS custom properties like linear-gradient etc.
• Flexbox

What I learned

• Learn how to use Linear gradient .

body {
    background-image: linear-gradient(0deg,rgba(1, 1, 15, 0.7),
    rgba(1, 1, 15, 0.9)),
    url('./assets/pexels-maxyne-barcel-10402282\ 1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

}

Continued development

• With the css bakground-image properties and effect we can apply on it.

Useful resources

• Stackoverflow - This is a free platform where you find the solution of your problem or an idea related to your problem.

Author

• Kapil Kharera
• Linkedin - @kapil-kharera