Welcome to this module.
In this module, we will dive into the concept
of responsive web design.
Up to this point in the course
all our websites that we created,
were built in a way that they look good on a desktop device,
on a laptop, on a normal computer so to say.
Things are a bit more complex these days though,
users, people who want to access your real world website
can use different devices to do so.
Users might use a mobile phone, a tablet,
a laptop, or a desktop computer
to get the information on your website.
Our goal as web developers is to make sure
that no matter which device our users are using,
our users have the best possible user experience.
This means the information is presented
in a visually appealing way on all these devices.
And this goal can be achieved with responsive web design.
Therefore in this module,
we'll dive into the whats and whys
behind responsive web design,
so what it is and how we can use it.
We'll explore the concept of media queries.
These media queries allow us to specifically change
the look or the layout of our website,
depending on the size of a specific device.
And we'll also learn what a so-called site drawer is.
It's a specific layout,
a specific way of displaying information on mobile devices
and how we can implement this specific layout
just by using HTML and CSS.
These are the core concepts
we will dive into in this module,
therefore, let's get started.