Interview Questions and Answers for Web Development Internship
Technical Questions
1. Difference between block, inline, inline-block:
- Block: Takes full width, starts on a new line.
- Inline: Takes width of content, does not start new line.
- Inline-block: Behaves inline but allows width/height changes.
2. Box Model:
Content → Padding → Border → Margin.
3. Making a website responsive:
Use media queries, fluid grids, relative units (%, rem, vh/vw).
4. Media Queries:
Used to apply CSS based on screen size. Example: @media (max-width: 768px){...}
5. Margin vs Padding:
Margin = space outside border. Padding = space inside border.
6. Flexbox vs Grid:
Flexbox = 1D layout (row/column). Grid = 2D layout (rows + columns).
7. Absolute vs Relative:
Relative = positioned from its normal position.
Absolute = positioned relative to nearest positioned ancestor.
8. DOM Manipulation:
Using JS to change HTML structure dynamically ([Link], innerHTML).
9. Asynchronous JS:
Allows non-blocking operations. async/await, promises.
10. var vs let vs const:
var = function-scoped, hoisted.
let = block-scoped.
const = cannot be reassigned.
React Questions
1. Components:
Reusable UI elements.
2. State vs Props:
State = internal data.
Props = external inputs to a component.
3. Hooks:
Functions for stateful logic. useState manages state; useEffect runs side effects.
4. Managing forms:
Controlled components using state.
5. Virtual DOM:
Lightweight copy of DOM improving performance through diffing.
6. Lifting state up:
Moving state to a common parent to share data.
CMS Questions
1. WordPress themes/plugins:
Themes control layout; plugins add functionality.
2. Page Builder vs Custom Code:
Page builders are drag-and-drop; custom code provides more flexibility.
3. Improve WordPress speed:
Optimize images, cache, compress CSS/JS.
4. CMS:
Content management system for easy website editing.
SEO Questions
1. Meta tags:
Information about web pages for SEO.
2. Image optimization:
Use compression and correct formats.
3. Performance tools:
Lighthouse, GTMetrix.
4. SEO-friendly website:
Fast, mobile-friendly, structured, accessible.
UI/UX Questions
1. Figma to code:
Analyze layout → set grid → write HTML/CSS → adjust responsiveness.
2. Ensuring design accuracy:
Use pixels, spacing tools, and inspect mode.
3. Grid systems:
Used to maintain alignment and structure.
Debugging Questions
1. Debugging in console:
Use [Link], breakpoints.
2. Different browser appearance:
Vendor prefixes, reset CSS.
3. Cross-browser issues:
Use standardized CSS, test across browsers.
Behavioral Questions
1. Major challenge:
Explain a project, issue, and logical solution.
2. Staying updated:
Follow blogs, YouTube, documentation.
3. Learning new tools:
Show eagerness + examples.
4. Why join Windflex Creative:
To gain real-world experience and grow skills.
5. Teamwork:
Flexible with both teamwork and independent tasks.