Home > Web Development > Quizzes > Front-end Development Quiz
Front-end Development Quiz
Fast practice, instant feedback. Timer auto-submits when time’s up.
Avg score: 17% • Most missed: “What is yarn?”

Front-end development MCQs For LinkedIn Skill Assessments.

Front-end development means using HTML, CSS and JavaScript to create a website or Web Application.

Front-end Development Quiz
Time left 00:00
25 Questions

1. The flex property is often applied to flex items with a value of 1. Using flex: 1 is a shorthand - what does it unpack to?
2. Which array method should you apply to run a function for every item within an array, returning an array of all items for which the function is true?
3. What is meant by the term 'polyfill' when used in web development?
4. You discover that CSS is being loaded on a website using the following code. Why might a web developer have done this?
''
5. Review the CSS below. What color would you expect the background color of the element with a class of .box to be?
css
.box {

}
6. Lighthouse is a tool for auditing your website. Which choice is not a category of report offered by Lighthouse?
7. In normal flow, some elements display as block elements default and others inline. which choice contains only block-level by default elements?\*\*
8. In the context of this code, how would you describe user?

const user = {
given_name: 'Joe',
family_name: 'Bloggs',
age: 40,
}
9. How can you rewrite this function using arrow function syntax?
10. Variables declared with the let keyword have what type of scope?
11. Which HTML will result in text being highlighted in yellow?
css
.highlight {
background-color: yellow;
}
12. What is the '
13. Which color value will create a background color that is semitransparent?
14. Which choice does _not_ provide information on browser support for a particular CSS property?
15. Which CSS property will not trigger layout recalculation?
16. Which choice is _not_ a JavaScript framework?
17. In a grid layout, which property will create gaps between the rows in the grid?
18. What does the CSS selector a[href$='org'] select?
19. Which line of code, if applied to all flex items in a flex container, would cause each flex item to take up an equal share of the total width of the container? For example, if there are four items, they would get 25% of each/
20. Which part of the URL 'https://app.uniswap.org/pool' specifies the domain name
21. You have created a box that has a height set with CSS. Which line of CSS would add scroll bars if the content is taller than the box, but leave no visible scroll bars if the content fits into the box?
22. What does the '===' comparison operator do?
23. You have placed an image in a directory named images and want to reference it from a page located in the root of your site. Which choice would correctly display the image on the page?
24. What is Webpack primarily used for?
25. The CSS box model describes how the parts of a CSS box fit together and the size of the box. What is the actual width of the following box's visible part under the standard box model?
css
box {
width: 200px;
padding: 10px;
margin: 0 15px;
border: 2px 5px;
}

⚡ Recently practiced quizzes in this topic
Live quiz activity
Web Technology Basics Practice Test: Handling Tables Web Technology Basics Practice Test: Web Development Frameworks - Vue JS, Bootstrap, React JS and Angular JS Web Technology Basics Practice Test: Basic HTML Concepts Web Technology Basics Practice Test: Handling Images, Audio and Video Web Technology Basics Practice Test: Basic JavaScript Concepts Web Technology Basics Practice Test: Links and Navigation Web Technology Basics Practice Test: Basic CSS Concepts Nagios Basics Practice Test Basic Full Stack Development (FSD) Knowledge Test Web Development using Java Practice Test Questions
 
❤ If you liked Fatskills, consider supporting us by checking out The Life Manuals You Never Got.

🌈  Our mission is to help improve your scores in any subject and exam withonline quizzes, practice tests, study guides, & advice for students. Since 2018.
About | Explore | User Guide | Topics | Subjects | Doubt Solver | Career Aptitude Test | Answers | Free Tools | OSHA Basics Quiz | What Should We Know?
Privacy | Terms |
Without work one finishes nothing. - Ralph Waldo Emerson
© 2026 Fatskills.com

All trademarks, logos and brand names are the property of their respective owners. All company, product and service names used in this website are for identification purposes only. Use of these names, trademarks and brands does not imply endorsement.