Help with website sizing problems

Question

I have finished designing and coding my website. I am very new to coding so I used adobe xd to design it and the anima plugin to export it as code and then further tweaked the code to get the interactions i desired.

I have run into a problem I seem to be unable to fix. Whenever I preview my website on a browser it is zoomed in. If I zoom the browser out to 75% the website is perfect. I thought it might have been a problem with the way I tweaked the code so I went back and downloaded the original file from anima (when previewed there the website loaded perfectly) and as soon as I open it in dreamweaver and preview it, it's zoomed in.

I have all the standard inputs such as, <meta name="viewport" content="width=device-width, initial-scale=1" />. but nothing seems to be helping. Even putting all the elements into a container and adjusting the position of the size of the container does not help.

I am hoping this is a stupid rookie error with a quick fix!

Nancy OShea · Answer

I am very new to coding so I used adobe xd to design it...
By @isaiahp75685362

==============

That's a shame. You could have saved a lot of production time using Bootstrap instead.

Answers to all layout questions are contained in your code -- HTML, CSS and JavaScript. For quickest answers, publish your site and supporting files to your remote server. Post the URL here for us to examine.

For testing purposes, you should have the latest versions of Firefox, Chrome, Safari or MS Edge plus a couple of mobile devices (iOS & Android). All browsers should be set to normal or 100% magnification.

CODE TUTORIALS:
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/
- https://www.w3schools.com/js/

- https://www.w3schools.com/bootstrap/

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded