Bootstrap comes with a set of pre-styled responsive, mobile-first components that possess a definite UI kit.Sites created using Bootstrap follow the generic pattern that makes them look identical.Websites created with Bootstraps are known for their responsiveness and flawless design, but the looks are generic and similar. Tailwind offers predesigned widgets to build a site from scratch with fast UI development. Tailwind CSS uses a set of utility classes to create a neat UI with more flexibility and uniqueness. Websites created using Tailwind CSS are much more customizable.

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. Box-Model has multiple properties in CSS.

The core characteristic of a semantic element is that it clearly communicated its meaning to both the developer and the browser. These elements clearly define its content. The semantic HTML tags help the search engines and other user devices to determine the importance and context of web pages. The pages made with semantic elements are much easier to read. It has greater accessibility. It offers a better user experience. Semantic tag have meaningful names which tells about type of content. For example header, footer, table, … etc. HTML5 introduces many semantic elements make the code easier to write and understand for the developer as well as instructs the browser on how to treat them.