When we pass data components to components, we use props in react. If a component depends on data of onther component , then the dependend component is callded child component. If We use so many child components, we need to use props so many time. So it become hard to trace. And if we need to send a partiular data to a particular component/s We need to send it through all parent components of it. So it can be a case of data breach. So we use contex api. It give a previlage , to send a particular data to particular component avoiding long props drilling and data secuirity.

Semantic tags is intoduced in HTML5. Before HTML5 , all tags call non-semantic tags. This tags non cleraify about it contents. So They intoduce the sementic tags. These tags can clearly define it contents. But none of these tags not give any design advantages without css.

(Display : inline) this css property display elements like inline html element(e.g. span). No height or width properties not effect these elements.

(Display : inline-block) this css property display elements like inline-block container. they show as inline element but we can add height and width property also on them