The ultimate guide to CSS interviews, developed by FAANG engineers. Prep faster and get interview-ready in hours with battle-tested, real-world questions and a structured approach to styling and advanced concepts.

In front-end interviews there’s a lot to cover. You have to study up on JavaScript, HTML, and then there’s CSS, and that’s the focus of this course.

This course compiles a comprehensive range of questions that you are most likely to be tested on during front-end interviews. This is an intermediate course with more than 250 coding challenges and multiple choice questions, so there’s plenty of opportunities to get your hands dirty.

You will start by going through several self-assessment exams to get an idea of what you’ll need to study up on. From there, you’ll go into interview questions on styling such as text, colors, backgrounds, and display.

In the latter half of the course, you’ll focus on advanced concepts like Flexbox, block formatting, and working with SVG. In all, this course serves as a stand-alone guide for those who are starting to prepare for front-end interviews.

By the end of this course, you will have gained the confidence to go in and answer any question.

CSS for Front-end Interviews

## Which of the following techniques are used for hiding content unless being viewed by screen readers?



These techniques can be implemented to attain the required results:


```css
width: 0;
height: 0;
```
As the `width` and `height` of an element is set to `0`, it is not shown on the page and is exempted out of the flow of the page, but is not ignored by the screen readers.
```css
position: absolute;
left: -99999px;
top: auto;
```
The users viewing the content will not see the content with the above properties at all as it was out of their viewing range. The screen reader users will have access to the content as it was presented on the page. 

```css
text-indent: -9999px;
```
We can move the visible content of the visible screen by indenting it on the left side of the page which is hidden from the user’s sight. This only works on text within the block elements.

Learn the techniques used for hiding content in this lesson.

Introduction

Basic Styling

Intermediate Styling

Advance Styling

Advance Concepts

Responsive Design

Wrapping Up

Hiding Content Unless Being Viewed on Screen Readers

Frequently asked questions

Which of the following techniques are used for hiding content unless being viewed by screen readers?