Responsive Design

Viewport:

nThe viewport is the visible part of the screen by the user. To change the viewport as the device we can use following line. This line tells to the device we use a viewport is the same width with the device. nnnn

Media Queries

nAnother way to use media queries. We can determine the different styles by using media queries. nn

nnThe above codes tell to the browser if the screen size less than 800px use yellow as a text color in p tag else use red. nn

Flex Box:

nnAnother way for responsive design is to use flex-box. Thanks to flex-box the browser move elements to next line if the elements don't fit the line. nnn n

n n n

n

1. Dublin

n

2. Cork

n

3. Galway

n

4. Limerick

n

5. İzmir

n

6. İstanbul

n

7. Antalya

n

8. Mugla

n

n nn




Leave a Reply

Your email address will not be published.


Comment


Name

Email

Url