🎨 Frontend Engineer Assessment

HTML/CSS, JavaScript, React, performance & accessibility

00:00

Question 1 of 100/10 answered

Html Css· Scenario-based

Q1.A layout requires a nav bar on the left (fixed 250px) and a main content area that fills the remaining width. Which CSS approach is BEST?

Use float: left on the nav and margin-left: 250px on the content

Use CSS Grid: `display: grid; grid-template-columns: 250px 1fr;` on the wrapper

Use absolute positioning on both the nav and content

Use two inline-block elements with calculated widths using calc()

Free · No account needed · Results instant

+20 XP on completion (signed-in users)