» Home » Posts » Learn » Free PSD Templates » Advanced Websites 801 webpage responsive 801 webpage responsive Last updated on November 3, 2016
This PSD is an example of a responsive HTML and CSS webpage. This PSD will demo CSS media queries for 3 target screens with along with responsive assets generated from a single file.
IMPORTANT: Responsive webpages are considered an advanced output, we strongly recommend you read our online guide to learn how to create responsive webpages - learn more. File Size
This PSD uses 3 target screens to create a responsive design to match a desktop, tablet and mobile layout. Each media query is generate from the PSD design using Responsive Screen Tags.
320px (mobile) 768px (tablet) 1280px (desktop) Images, Shapes and Text
This sample uses various layer types including folders, images, shapes, text, smart objects and more to create a practical PSD design for a res
Learn more about
Effects and Styles
This sample uses various layer effects and styles to achieve the optimal layout. Effects are used in most common project designs and are easily managed with Export Kit.
Enable Layer Effects
to use this feature.
Layout and Overflow
With Export Kit you can align your page output and hide the content overflow to create both Flush and Fluid layouts.
Learn more about using
Align Output and Hide Overflow
with your export.
Testing the PSD
Use Layers views to see the code translation of each layer, or use Exports view to see the output of the document.
IMPORTANT: We recommend you enable Relative Positions and Responsive CSS to test this PSD. Using Exports View
Export the PSD in your required environment to see how shapes are rendered in your output.
Learn more about
Using Exports View
LOGIN NOW: Get instant access to our free Online Training - click here. Get a Free Export
Our Creative Team will export your project live and answer any questions you may have - we guarantee your first conversion will
- we work with you to ensure this, 100% work Contact Us or check the Community FAQs for assistance. Are You An Export Kit Member? Why Register with Export Kit?
New memebers have instant access to the exclusive Free Live Demo and Free Online Training to learn, test and explore what Export Kit can do for your design -
register now! Can I Export for Free?
Yes! Remember to
download the latest version of Export Kit, start banking your time now!.
No, exports require an active subscription before use.
Your information is safe with us, read our
login now to skip this step.
You will receive a link to download the content in your email inbox. Your information is safe with us, read our
Enhance your PSD, AI or INDD creative experience with Export Kit's powerful Lightning Storm plugin. Download the latest version now and start
banking your time today! From Design to Interactive in Minutes
Select a tutorial to start your first export now.
Save Time and Money!
Lightning Storm CC
The Ultimate Creative Cloud plugin
Work Smart not Hard
Go from creative to functional instantly
Prototype feature-rich apps
Create Anything Digital
Web mobile and dekstop from your design