Zedex Info Pvt Ltd Front end Developer Interview Questions and Answers

The aptitude test duration was 1 hour. In this test, the basic question of HTML CSS was asked for example what is the difference between div and span, what is the CSS box model and some javascript logic question. Overall the aptitude test was easy if know the HTML CSS very well.

The assignment will be given to you mostly, like creating a landing page using pure HTML and CSS. No bootstrap or any other frameworks. If you are applying for a different role other than the frontend then the assignment will be different.

Q1. How to centre 3 div vertically and horizontally using css
Ans. 
To center 3 divs vertically and horizontally, use flexbox and align-items/justify-content properties.
• Wrap the 3 divs in a parent container

• Set the parent container's display property to flex

• Set the parent container's align-items and justify-content properties to center
Answered by AI
Add your answer
Q2. Difference between position and relative
Ans. 
Position sets an element's position relative to its parent, while relative sets an element's position relative to its normal position.
• Position: sets an element's position relative to its parent container

• Relative: sets an element's position relative to its normal position

• Positioned elements are taken out of the normal flow of the document

• Relative elements are still in the normal flow of the document

• Positioned elements c...read more
Answered by AI
Add your answer
Q3. Difference between block and inline- block
Ans. 
Block elements take up the full width available, while inline-block elements only take up as much width as necessary.
• Block elements start on a new line and take up the full width available (e.g. <div>).

• Inline-block elements do not start on a new line and only take up as much width as necessary (e.g. <span>).

• Block elements can have margins and padding applied to all four sides, while inline-block elements on...read more
Answered by AI
Add your answer
Q4. Difference between flex and grid
Ans. 
Flex is one-dimensional layout while Grid is two-dimensional layout.
• Flex is used for creating flexible and responsive layouts.

• Grid is used for creating complex and structured layouts.

• Flex is best suited for small-scale layouts while Grid is best suited for large-scale layouts.

• Flex is easier to learn and implement while Grid requires more advanced knowledge.

• Flex is supported by older browsers while Grid has limited supp...read more
Answered by AI
Add your answer
Q5. How to add background image
Ans. 
To add a background image, use CSS background-image property.
• Create a CSS class or ID for the element you want to add the background image to.

• Use the background-image property to specify the URL of the image.

• Set the background-size property to cover or contain the element.

• Example: .container { background-image: url('image.jpg'); background-size: cover; }
Answered by AI
Add your answer

Q1. How to get URL params using javascript
Ans. 
Use window.location.search or URLSearchParams to get URL params in JavaScript
• Use window.location.search to get the query string portion of the URL

• Use URLSearchParams to parse and extract individual parameters from the query string

• Example: const params = new URLSearchParams(window.location.search); const paramValue = params.get('paramName');
Answered by AI
Add your answer
Q2. Input type used during form submission but not visible to the user
Ans. 
Hidden input type is used during form submission
• is used to include data in form submission without displaying it to the user

• Commonly used for passing values like session tokens or tracking information
Answered by AI
Add your answer

To relicate a design layout using HTML, CSS, Javascript and make it responsive

Q1. Salary Negotiations
Add your answer