The basic difference between CSS Grid Layout and CSS Flexbox Layout is that flexbox was designed for layout in one dimension - either a row or a column whearas Grid was designed for two-dimensional layout - rows, and columns at the same time. Flexbox is helpful in allocating and aligning the space among items in a container . It works with all kinds of display devices and screen sizes.Grid it easier to design web pages without having to use floats and positioning. Like tables, grid layout allow us to align elements into columns and rows.

Bootstrap is an open-source framework that is used to design responsive websites better, faster, and easier. It is a beginner-friendly and the most popular open-source framework that includes HTML, CSS, and JavaScript. Whearas, Tailwind CSS is a utility-first CSS frameworkfor building custom user interfaces rapidly and efficiently. It is an inline styling used to achieve a sleek interface without writing code for your own CSS. Tailwind CSS offers customizability and flexibility to transform the appearance and feel of the elements. Bootstrap is a beginner-friendly Bootstrap comes with a set of pre-styled responsive, mobile-first components that possess a definite UI kit. However, Tailwind offers predesigned widgets to build a site from scratch with fast UI development.

The CSS box model is a container that contains multiple properties including borders, margin, padding, and the content itself. It is used to create the design and layout of web pages. It can be used as a toolkit for customizing the layout of different elements. The web browser renders every element as a rectangular box according to the CSS box model.

HTML was originally created as a markup language to describe documents on the early internet. As the internet grew and was adopted by more people, its needs changed.Where the internet was originally intended for sharing scientific documents, now people wanted to share other things as well. Very quickly, people started wanting to make the web look nicer. This is where semantic tags came in play. The HTML semantics refers to the tags that provide meaning to an HTML page rather than just presentation. It makes HTML more comprehensible by better defining the different sections and layout of web pages.