Skip to content

This project allows users to enter a website URL and view that website rendered on simulated device screens to test responsiveness.

License

Notifications You must be signed in to change notification settings

q31r/Website-Responsive-Viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Website Responsive Viewer

This project allows users to enter a website URL and view that website rendered on simulated device screens to test responsiveness.

Overview

  • The app contains simulated screens for iPhone, iPad, and iMac created with HTML and CSS
  • Users can enter any valid website URL into an input field
  • When submitted, the entered website will be loaded into the simulated screens
  • Allows testing of how a website responds and adapts to different screen sizes

Features

  • Input field for entering website URL
  • Submit button to load URL into viewer
  • Simulated iPhone screen
  • Simulated iPad screen
  • Simulated iMac screen
  • Website loaded into screens adapts responsively

Usage

  1. Enter a valid website URL into the input field
  2. Click the submit button
  3. Observe how the website renders on the different simulated screens
  4. Determine if the website adapts responsively across screen sizes

Built With

  • HTML
  • CSS
  • JavaScript

Note

License

This project is distributed under the MIT License, The terms of the license allow you to freely use, modify, and distribute the source code contained in this repository. You may utilize and adapt the code according to the permissions granted by the MIT License without restriction.

Author

Qmirdev

About

This project allows users to enter a website URL and view that website rendered on simulated device screens to test responsiveness.

Resources

License

Stars

Watchers

Forks