fully explain 3 DESIGN PATTERNS that is for producing MOBILE WEB applications ba
ID: 3701633 • Letter: F
Question
fully explain 3 DESIGN PATTERNS that is for producing MOBILE WEB applications based on responsive design approach. please do not forget to mention the resources and explain the patterns completely.(it shouldn't be copied from the internet but if you use any sources from the internet please mention the links). NOTE: please be aware that this question is asking for DESIGN PATTERNS FOR MOBILE WEB APPLICATIONS based on responsive design approach, this means that you should explain the design patterns not the responsive design approach and the design patterns should be for MOBILE WEB APPLICATIONS. These DESIGN PATTERNS should be based on responsive design approach.
Explanation / Answer
Hi,
I am a wordpress developer, I have created many websites with mobile responsive. We need to use the Media queries.
I have used like this in one website:
------------------------------------------------------------
We can use this pattern:
@media only screen and (max-width: 767px)
{
---
---
}
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
--
--
}
@media only screen and (min-width: 1025px)
{
--
--
}
--------------------------------------------------------------------------------------------------------
We can use this pattern also:
(In another website I used like this:)
@media only screen and (max-width: 480px)
{
--
--
}
@media only screen and (min-width: 481px) and (max-width: 767px)
{
---
---
}
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
--
--
}
-----------------
I have worked on this websites on Mobile Responsive:
https://www.lincolngoldfinch.com/
https://www.sosadmissions.com/
These two websites I have given as sample, but many Mobile Web Applications are there.
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.