UI HTML/Css Technical Test

Enter The Password Provided By Aspiring Media Tech Pvt. Ltd.

The Test will begin after you submit your details.

Total Questions : 20 | Time : 7 Minutes

Address

Highest Qualification

NameEmailPhone Number

1 / 20

1. What is min-content in CSS?

A. Auto size

B. Fixed size

C. Smallest possible size without overflow

D. Maximum width

2 / 20

2. Which property controls image resolution in responsive design?

A. sizes

B. picture

C. srcset

D. src

3 / 20

3. What does position: sticky do?

A. Fixed always

B. Scroll then stick

C. Absolute

D. Static

4 / 20

4. Which property is used for responsive typography?

A. rem

B. em

C. clamp()

D. font-size

5 / 20

5. What is calc() used for?

A. Grid

B. Dynamic CSS calculations

C. Flex

D. Animation

6 / 20

6. Which CSS function loads custom font?

A. load-font

B. @font-face

C. font-load

D. font-import

7 / 20

7. What does overflow: hidden do?

A. Wrap content

B. Scroll content

C. Resize

D. Clip overflowing content

8 / 20

8. What does white-space: nowrap do?

A. Remove spaces

B. Wrap text

C. Prevent line breaks

D. Add spaces

9 / 20

9. What does pointer-events: none do?

A. Disable scroll

B. Remove pointer

C. Hide element

D. Disable hover/click

10 / 20

10. Which input type is HTML5 validation for email?

A. email

B. mail

C. validate-email

D. text

11 / 20

11. Which property creates shadow?

A. element-shadow

B. text-shadow

C. box-shadow

D. shadow

12 / 20

12. Which property controls text overflow ellipsis?

A. text-wrap

B. overflow

C. text-overflow

D. white-space

13 / 20

13. What is default position value?

A. relative

B. static

C. fixed

D. absolute

14 / 20

14. Which property creates grid layout?

A. grid: auto

B. display: grid

C. display: flex

D. layout: grid

15 / 20

15. What does box-sizing: border-box do?

A. Adds margin

B. Includes padding & border in width

C. Removes border

D. Expands box

16 / 20

16. Which attribute improves accessibility for images?

A. alt

B. src

C. title

D. aria

17 / 20

17. What is aspect-ratio used for?

A. Maintain width/height ratio

B. Grid ratio

C. Font ratio

D. Flex ratio

18 / 20

18. Which pseudo-class targets first child?

A. :child-first

B. :nth(1)

C. :first-child

D. :first

19 / 20

19. Which unit is relative to root font size?

A. %

B. em

C. vh

D. rem

20 / 20

20. What is stacking context?

A. 3D layering context for z-index

B. Grid behavior

C. Layout order

D. Flex behavior

Let's Talk, Virtual...

Why not take out 30 minutes of your time and speak to us over a cup of coffee? Only this time, we'll have to bring our own coffee for this virtual party! Book up a slot with us and we'll see you virtually!

Book A Call