| Responsive web design | Adaptive web design |
| Web resource page design that ensures the same display of all resource elements on devices of different sizes, types and display resolutions. | The AWD approach detects the users screen size and uploads the most appropriate site layout. Its static layout is based on breakpoints and only reacts on load. Web designers use six different width layouts for every responsive website – 1600px, 1200px, 960px, 760px, 480px and 320px. This design approach displays page elements differently on each device. |
Responsive
Adaptive
Järeldus:
I would use responsive design from the very beginning and then when I had the resources I would start using adaptive design. This choice is because responsive design is much easier to maintain the site and update it, and if you already have resources, you can create an adaptive design and customize the site separately for different devices