Let's say you have a very simple website, like this:Īs you can see from the GIF below, our image will by default have a fixed width: In this article, we'll start with the percentage unit %, and then we'll look at the rem unit in the final section. This is handy because it allows, for example, the width of an image to be based on the width of the browser. These are units that get their value from some other external value. If you want to dive deeper into the subject afterward, you can check out our responsive web developer bootcamp on Scrimba, which will enable you to build responsive websites on a professional level.īut for now, let's start with the basics! Relative CSS unitsĪt the core of responsive web design are relative CSS units. This obviously isn't enough to learn it properly, but it will give you an overview of the most important concepts, which I personally define as these: In this article, I'll teach you as many responsive design techniques as I possibly can in five minutes.
0 Comments
Leave a Reply. |