HTML & CSS · Middle · Question 41 of 75

How do you apply an arbitrary value in Tailwind that isn't in the theme?

Explanation

Square brackets set an arbitrary value: w-[347px], bg-[#1da1f2], grid-cols-[1fr_2fr] (spaces become underscores). In v4, parentheses are shorthand for a CSS variable: w-(--sidebar-width) = width: var(--sidebar-width). If a value repeats often, move it into the theme.

Further reading

Problem with a question

HTML & CSS · Middle · question 41

Test yourself

Take the HTML & CSS · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.

Take this quiz