Broadridge Frontend Developer Interview Experience (Part 1 — Easy)

Overview

This document outlines a candidate's experience during a frontend developer interview at Broadridge. The interview process consisted of four distinct rounds designed to evaluate the candidate's technical proficiency and behavioral attributes.

Interview Rounds

The interview process was structured as follows:

1. Screening
2. Technical Interview
3. Technical Interview - 2
4. Behavioral Round

Screening Round

The candidate received an initial screening call from a recruiting agency. This round focused on gathering information about the candidate's:

• Background and career journey
• Technical skills and experience

Following the screening, the candidate advanced to the first technical round.

Technical Interview

This round commenced with the candidate providing a self-introduction. The interviewer then proceeded with technical questions pertaining to HTML, CSS, React, and JavaScript. Key questions included:

CSS Questions

• What is the difference between static, relative, and absolute positioning in CSS?
• What is the difference between none, block, inline-block, flex, and grid in the CSS display property?
• How does CSS overriding work, and what are the different ways to override styles in CSS?
• What is !important in CSS, and how does it affect style overriding?
• If a parent <div> has a white background and a child <div> has a black background, which background color will be applied to the child, and why?
• If a parent <div> has a text color of white and the child <div> has a text color of black, which text color will be applied to the child, and why?
• If a <div> has two classes, one specifying black text color and the other specifying red text color, which text color will be applied, and why?
• If a <div> has two classes, one specifying black text color with !important and the other specifying red text color without !important, which text color will be applied, and why?
• What is Responsive Web Design (RWD), and what are some techniques used to achieve it?
• How can you optimize CSS for better performance, and what best practices should be followed?
• Has the candidate worked with any CSS preprocessors like SASS or LESS? What are their advantages?