HTML&CSS

1.HTML:

• HTML (HyperText Markup Language) is the most basic building block of the Web.
• It defines the meaning and structure of web content.
• "Hypertext" refers to links that connect web pages to one another, either within a single website or between websites.
• HTML uses "markup" to annotate text, images, and other content for display in a Web browser.

ref:https://developer.mozilla.org/en-US/docs/Web/HTML

2.CSS:

• CSS is the language we use to style a Web page.
• CSS stands for Cascading Style Sheets
• CSS can be used for many purposes related to the look and feel of your web page.
• Text styling, including changing the color and size of headings.
• Creating layouts, such as grid layouts or multiple-column layouts.

ref:https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/What_is_CSS

3.Display flex:

• In flex box means you need to remember one thing one is main axis and another one is cross axis

Main axis

The main axis is defined by flex-direction, which has four possible values:

    row
    row-reverse
    column
    column-reverse

• Should you choose row or row-reverse, your main axis will run along the row in the inline direction.

• Choose column or column-reverse and your main axis will run in the block direction, from the top of the page to the bottom.

Cross axis:

• The cross axis runs perpendicular to the main axis.
• if your flex-direction (main axis) is set to row or row-reverse the cross axis runs down the columns.

• If your main axis is column or column-reverse then the cross axis runs along the rows.

TO BE CONTINUED
....