Image for post
Image for post

I’m going to teach you how to deploy and host your React app with Netlify.
Netlify is a service that automates builds, deployments and manages your websites. It’s one of the fastest and easiest deployment solutions these days.

Netlify offers a free plan. So first, we will log in to Netlify using any one of the options(Github, Gitlab, Bitbucket, Email) given on the login page.

Image for post
Image for post


Image for post
Image for post

Image galleries made by websites like Unsplash, Pinterest Etc, are made by techniques like positioning or translating the image item which is a very cumbersome task to do. You can achieve the same functionality very quickly using CSS Grids.

Let’s get started!

The Underlying Grid

Now, let’s create an 8x8 grid. We can create a grid of other sizes also but that depends on the type of gallery you want. In our case, an 8x8 grid will be ideal.

  • A grid container is defined by setting an element’s display property to the grid. So, the div, with the class grid is going to be our grid container.


Image for post
Image for post
HTML Table

Overview

The web is filled with information like football scores, cricket scores, lists of employee names and email addresses. HTML tables enable you to display information in what is commonly known as tabular data.

Basic Table

We can create an HTML table using the table element. It has an opening and closing tag, and it wraps all the table rows and table cells inside of it. …


Image for post
Image for post

HTML allows us to create standards-based video and audio players that don’t require the use of any plugins. Adding video and audio to a webpage is almost as easy as adding an image or formatting some text.

There are two different ways to include video elements. We will be discussing both of them below.

Video Element

The <video> element allows us to embed video files into an HTML, very similar to the way images are embedded.

<video> Element

Attributes we can include are:

  • src This attribute stands for the source, which is very similar to the src attribute used in the image element. …


Image for post
Image for post
HTML Form

Overview

HTML forms are required when you want to collect some data from the person who visits your website. For example, when you register/login for applications like Uber, Netflix, or Facebook, you enter information like Name, Email, and Password through HTML forms.

Now we will learn all the required elements for creating a form.

About

Abhishek Jakhar

Designer, Developer, Writer & Hardcore Gamer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store