Interview Questions

HTML Interview Questions

Q1. What is HTML?

Q2. What is the latest version of HTML?

Q3. What is the difference between HTML and HTML5?

Q4. What are tags and attributes?

Q5. What is the structure of an HTML document?

Q6. What are block-level and inline elements?

Q7. Difference between <div> and <span>?

Q8. What is semantic HTML?

Q9. Why is semantic HTML important?

Q10. What is doctype?

Q11. Difference between <strong> and <b>?

Q12. Difference between <em> and <i>?

Q13. What is an anchor tag?

Q14. What is the use of <alt> attribute in <img> ?

Q15. What is a form in HTML?

Q16. What are semantic tags? Give examples.

Q17. Difference between id and class?

Q18. What are HTML5 new features?

Q19. Difference between <section>, <article>, <aside>?

Q20. What is iframe?

Q21. What is the difference between GET and POST?

Q22. What is accessibility in HTML?

Q23. What is the use of meta tags?

Q24. What is viewport meta tag?

Q25. How to optimize HTML for SEO?

Q26. What is lazy loading?

Q27. What is the difference between localStorage and sessionStorage?

Q28. What are data-* attributes?

Q29. Difference between cookies, localStorage, sessionStorage?

Q30. How HTML works with JavaScript event handling?

Read Less Read More

CSS Interview Questions

Q1. What is CSS?

Q2. Types of CSS?

Q3. Difference between class and id?

Q4. What is box model?

Q5. What is margin vs padding?

Q6. What is display property?

Q7. Difference between inline, block, inline-block?

Q8. What is position?

Q9. Difference between relative and absolute?

Q10. What is z-index?

Q11. What is Flexbox?

Q12. Difference between Flexbox and Grid?

Q13. What is responsive design?

Q14. What is media query?

Q15. Mobile-first vs Desktop-first?

Q16. What is overflow?

Q17. What is opacity vs visibility?

Q18. Difference between display:none and visibility:hidden?

Q19. What is pseudo-class?

Q20. What is pseudo-element?

Q21. What is CSS specificity?

Q22. How browser decides which CSS to apply?

Q23. What are CSS variables?

Q24. What is rem vs em?

Q25. Difference between px, %, vw, vh?

Q26. What are the different ways to apply CSS in HTML?

Read Less Read More

Bootstrap Interview Questions

Q1.What is Bootstrap?

Q2. Why Bootstrap is used?

Q3. What is responsive grid system?

Q4. What are breakpoints?

Q5. Difference between Bootstrap 4 and 5?

Q6. What is container?

Q7. Difference between container and container-fluid?

Q8. What are rows and columns?

Q9. What is .col-12, .col-md-6?

Q10. What is utility class?

Q11. What is Flex utility in Bootstrap?

Q12. How Bootstrap handles responsiveness?

Q13. What is navbar?

Q14. How to create responsive navbar?

Q15. What is modal?

Q16. Difference between modal and offcanvas?

Q17. What are cards?

Q18. What is carousel?

Q19. How to customize Bootstrap theme?

Q20. What is spacing utility?

Q21. Bootstrap vs custom CSS?

Q23. How to override Bootstrap CSS?

Q24. Bootstrap performance issues?

Q25. When NOT to use Bootstrap?

Q26. How Bootstrap works internally?

Q27. How to reduce Bootstrap file size?

Q28. Bootstrap vs Tailwind (2026)?

Q29. What is Responsive Web Design ?

Read Less Read More

Tailwind CSS Interview Questions

Q1.What is Tailwind CSS?

Q2. Utility-first CSS means?

Q3. Tailwind vs Bootstrap?

Q4. Why Tailwind is popular?

Q5. What is CDN vs CLI?

Q6. What is responsive class?

Q7. What is flex, grid in Tailwind?

Q8. What is p-4, m-2?

Q9. What is text-center?

Q10. What is dark mode?

Q11. How Tailwind removes unused CSS?

Q12. What is config file?

Q13. How to customize colors?

Q14. How responsive works in Tailwind?

Q15. How Tailwind handles performance?

Q16. How to add custom fonts?

Q17. Pros and cons of Tailwind?

Q18. How Tailwind improves performance?

Q19. How to scale Tailwind in large projects?

Q20. Tailwind vs SCSS?

Q21. When Tailwind is a bad choice?

Read Less Read More

SASS / SCSS Interview Questions

Q1.What is SASS?

Q2. Difference between CSS and SASS?

Q3. Difference between SASS and SCSS?

Q4. What is variable?

Q5. What is nesting?

Q6. What is @import?

Q7. What is mixin?

Q8. What is extend?

Q9. Why SASS is used?

Q10. What is function in SASS?

Q11. What is inheritance?

Q12. What is @use?

Q13. Difference between mixin and function?

Q14. How SASS helps in large projects?

Q15. SASS vs Tailwind?

Q16. How SASS improves maintainability?

Q17. How SASS compiles to CSS?

Q18. When not to use SASS?

Q19. SASS vs CSS variables?

Q20. SASS with modern frameworks?

Read Less Read More

Scenario-Based Interview Questions

Q1.How will you create a fully responsive website?

Q2. Bootstrap or Tailwind — what will you choose and why?

Q3. Your page is slow — how will you improve performance?

Q4. How do you make website accessible?

Q5. How do you manage CSS in a large project?

Q6. How will you implement dark mode?

Q7. How do you ensure cross-browser compatibility?

Q8. How do you optimize CSS & HTML for SEO?

Q9. Mobile UI is breaking, how will you debug?

Q10. Client wants fast changes, which framework will you use?

Q11. Designer gives you Figma file. How will you convert it into responsive UI?

Q12. Some buttons are not clickable on mobile devices. What could be the reasons?

Q13. Client wants dark mode but without JavaScript. Is it possible? How?

Q14. Website looks fine in Chrome but breaks in Safari. What will you do?

Q15. In your project, multiple developers are writing CSS. How will you avoid conflicts?

Read Less Read More