HTML & CSS How do I make it so an entire page is visible to everyone without having to zoom out

So I’ve created a portal page for a website and I’m having trouble making it so users don’t have to zoom out to 80% to see everything. Here is a link to the website: https://www.xenofactions.com/

And the code for this portal page I will show you here now. I’ve tried fiddling around with heights and widths etc but I still can’t figure it out. I’m new to HTML & CSS any help would be appreciated thank you in the future! I will now put the block of code below belonging to this portal page.

[Google by default is zoomed in at 100% so when one user opened the website they said I think the website is broken? So I want it so everyone can view it without having to zoom out] Picture doesn’t let me upload picture on here for some odd reason —-> https://imgur.com/a/MmKn5lz

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700,900" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/sweetalert2/6.6.0/sweetalert2.min.css">
<link rel="icon" href="">
<title>XenoFactions | Welcome</title>
<style>{literal}
html {
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

body {
    background: url("https://i.imgur.com/6eYoGo2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.portal-content li {
    list-style: none;
}

.portal-content {
    text-align: center;
    margin-top: 50px;
}
.portal-content .logo {
    margin-bottom: 10px !important;
    max-width: 485px;
    margin: 0 auto;
}
@media (max-width: 700px) {
   /* PUT CSS HERE TO ALTER WEBSITE TO SINGLE COLUMN */
}

.portal-content .logo img {
    max-width: 100%;
    animation-name: pulse_animation;
    animation-duration: 6500ms;
    transform-origin:70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-left: 20px;
}
@keyframes pulse_animation {
    0% { transform: scale(1); }
    10% { transform: scale(1.05); }
    20% { transform: scale(1); }
    30% { transform: scale(1.05); }
    40% { transform: scale(1); }
    50% { transform: scale(1.05); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1.05); }
}
.portal-content .links > a {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    text-decoration: none;
    transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
}
.portal-content .link-item:hover {
transform:scale(1.05);
}
.portal-content .link-item {
    transform:scale(1.0);
    display: block;
    min-width: 170px;
    margin: 0px 15px;
    transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
}
.link-item:Hover .icon {
    bottom:3px;
    transform: rotate(3deg);
}
.link-item .icon {
    transform: rotate(0deg);
    bottom:0;
    position: relative;
    height: 348px;
    width: 217px;
    margin: 0 auto;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
}

.link-item.home .icon {
    background-image: url(https://cdn.discordapp.com/attachments/514244374453026816/518073251486760983/forums.png);
    background-image: url(https://cdn.discordapp.com/attachments/514244374453026816/518073251486760983/forums.png);
}

.link-item.vote .icon {
    background-image: url(https://cdn.discordapp.com/attachments/514244374453026816/518073137485840389/vote.png);
}

.link-item.store .icon {
    background-image: url(https://cdn.discordapp.com/attachments/514244374453026816/518073101460832260/store.png);
}
.link-item.bans .icon {
    background-image: url(https://cdn.discordapp.com/attachments/514244374453026816/518072933537546250/bans.png);
}
.link-item .text {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 800;
    color: #ed9b10 !important;
    text-shadow: 0px 0px 15px black, -3px 3px 0px black;
    margin-top: -10px;
    letter-spacing: -1px;
}
div#players > span {
    display: inline-block;
    background-color:rgba(0,0,0,0.5);
    border-bottom:3px solid #7360FF;
    padding: 14px 20px;
    font-size: 18px;
    font-family: 'Barlow', sans-serif;
    color: white;
    margin-bottom: 50px;
    margin-top: 50px;
}
span#live{
     font-weight: 700;   
    }
div#players > span span {
    color: white !important;
    display: inline-block;
}
.portal-content {
    position: relative;
}
.clouds {
    -webkit-animation: clouds linear 90s infinite;
    animation: clouds linear 90s infinite;
    background-image: url(f.png);
    background-position: 0 100px;
    background-repeat: repeat-x;
    height: 100%;
    min-width: 2710px;
    position: absolute;
    width: 200%;
    background-repeat-y: no-repeat;
    margin-left: 8px;
}

@keyframes clouds{
  from   {transform:translateX(-1366px)}
  to {transform:translateX(0)}
}
</style>{/literal}
</head>
<body>
<div class="clouds"></div>
<div class="portal-content">
    <div class="logo">
        <li><img src="https://cdn.discordapp.com/attachments/514244374453026816/514902610390548520/xenonetwork.png"></li>
    </div>
    <div id="players">
        <span class="playerCount"><b><span class="live"><i class="fa fa-cog fa-spin"></i></span></b> Server IP :
        <span><strong>play.xenofactions.com</strong></span >
        </span>
        
    </div>
    <div class="links">
        <a href="http://xenofactions.com/index.php?route=/forum">
            <div class="link-item home">
                <div class="icon"></div>
            </div>
        </a>
        <a href="https://xenofactions.com/index.php?route=/vote/">
            <div class="link-item vote">
                <div class="icon"></div>
            </div>
        </a>
        <a href="http://store.xenofactions.com/">
            <div class="link-item store">
                <div class="icon"></div>
            </div>
        </a>
        <a href="https://xenofactions.com/punishments/index.php">
            <div class="link-item bans">
                <div class="icon"></div>
            </div>
        </a>
    </div>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/sweetalert2/6.6.0/sweetalert2.js"></script>
<script src="/resources/js/clipboard.min.js"></script>
<script src="//mcapi.us/scripts/minecraft.js"></script>
{literal}<script>
    function playerUpdate() {        $.ajax({            headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"},            url: "https://mcapi.ca/query/play.xenofactions.com/players",            dataType: "text",            success: function(data) {                var json = $.parseJSON(data);                if(json.status) {                    $(".live").html(json.players.online);                } else {                    $(".playerCount").html("SERVER OFFLINE");                }            }        })    }
    playerUpdate();
    setInterval(playerUpdate, 10000);
</script>{/literal} 


  [1]: https://i.stack.imgur.com/XzX0K.jpg
  [2]: https://i.stack.imgur.com/5Q10B.jpg

177 thoughts on “HTML & CSS How do I make it so an entire page is visible to everyone without having to zoom out”

  1. pharmacie en ligne pau pharmacie place vogel amiens , pharmacie en ligne yaounde pharmacie rue president favre annecy , [url=https://kit.co/spokun/tegretol-vente-libre-tegretol-livraison-france#]Tegretol vente libre, Tegretol livraison France[/url] introduction aux therapies comportementales et cognitives (tcc) [url=https://kit.co/xiacrat/lotrel-livraison-france-lotrel-a-vendre-en-ligne#]Lotrel livraison France[/url] , pharmacie yerville medicaments qui constipent , pharmacie beffroi amiens. pharmacie de garde aujourd’hui fos sur mer therapie comportementale et cognitive ouvrage [url=https://kit.co/ophel/lady-era-a-vendre-en-ligne-acheter-lady-era-100-mg-pas-cher#]Lady Era Г  vendre en ligne, Acheter Lady Era 100 mg pas cher[/url] , therapie cognitivo comportementale trois rivieres. therapie de couple tournai, pharmacie de garde aujourd’hui toulon pharmacie eisenbeth boulogne billancourt . therapies naturelles aigle, pharmacie ouverte vincennes medicaments jambes lourdes therapies geniques .

    Reply
  2. [url=https://lasixotc.com/]furosemide 20 mg tab cost[/url] [url=https://allergyd.com/]allergy cetirizine hydrochloride tablets[/url] [url=https://withoutdrvisit.com/]canadian pharcharmy online viagra without subscription[/url] http://haelanclomid.com clomid dosage for men with low testosterone

    Reply
  3. [url=https://tadalafilrembo.com/]mail order cialis[/url] [url=https://levitraoffer.com/]levitra soft tabs[/url] [url=https://ivermectinus.com/]ivermectin[/url] [url=https://canadianvolk.com/]pharmacy of canada[/url] [url=https://iwermectin.com/]ivermectin for humans[/url] http://himsprescription.com order viagra cheap

    Reply
  4. pharmacie brest guelmeur medicaments tension , pharmacie de garde villeurbanne pharmacie auchan st quentin , [url=https://kit.co/rire/rumalaya-prix-sans-ordonnance-rumalaya-pharmacie-quebec#]Rumalaya prix sans ordonnance, Rumalaya pharmacie QuГ©bec[/url] pharmacie lafayette albi [url=https://kit.co/nterri/acheter-vardenafil-20-mg-pas-cher-vardenafil-pharmacie-suisse#]Vardenafil vente libre[/url] , pharmacie auchan pontet pharmacie woippy , therapies breves plurielles. therapie de couple guadeloupe therapie comportementale et cognitive herault [url=https://kit.co/orvo/claritin-sans-ordonnance-quebec-claritin-vente-libre#]Claritin Loratadine 10 mg[/url] , pharmacie hotel de ville. pharmacie lafayette ivry, therapie cognitivo comportementale quimper therapies non conventionnelles . pharmacie de garde montpellier, pharmacie nuit bordeaux act therapy for anxiety pharmacie beaulieu laplante .

    Reply
  5. pharmacie lafayette pamiers pharmacie en ligne reunion , therapies york pharmacie de service bourges , [url=https://kit.co/kiyke/copegus-prix-sans-ordonnance-copegus-livraison-france#]Copegus vente libre[/url] pharmacie Г  proximite de moi [url=https://kit.co/wophent/sildalis-vente-libre-acheter-sildalis-120-mg-pas-cher#]Sildalis vente libre, Acheter Sildalis 120 mg pas cher[/url] , pharmacie jouy le moutier kudzu pharmacie lafayette , traitement coronavirus. therapie comportementale et cognitive lorient pharmacie becirovski beauvais horaires [url=https://kit.co/quira/fosamax-sans-ordonnance-suisse-fosamax-vente-libre#]Fosamax pharmacie Suisse[/url] , pharmacie a argenteuil. pharmacie de bailly, pharmacie ouverte quincy sous senart pharmacie ivry sur seine . therapie cognitivo comportementale angers, traitement gonocoque pharmacie ouverte montreuil act therapy steps .

    Reply
  6. pharmacie versailles pharmacie lafayette le puy , pharmacie picon annecy pharmacie a proximite de garde , Chloroquina venta online, DГіnde comprar Chloroquina 500 mg. Chloroquina en farmacia Ecuador Comprar Chloroquina genГ©rico [url=https://kit.co/tiasubthu/chloroquina-venta-online-barato-chloroquina-en-ecuador#]Comprar Chloroquina medicamento[/url] pharmacie ouverte gennevilliers Amoxicillin venta online, Comprar Amoxicillin medicamento. Amoxicillin en farmacia Ecuador Comprar Amoxicillin genГ©rico [url=https://kit.co/ropubco/barato-amoxicillin-en-ecuador-amoxicillin-venta-online#]Comprar Amoxicillin sin receta[/url] , pharmacie bourges ouverte entre 12h et 14h medicaments wikipedia , therapie cognitivo-comportementale gatineau. therapies used for depression pharmacie bordeaux ouverte Barato Fluoxetina en Argentina, DГіnde comprar Fluoxetina 20 mg. Fluoxetina en farmacia Argentina Comprar Fluoxetina genГ©rico [url=https://kit.co/omkelque/comprar-fluoxetina-sin-receta-barato-fluoxetina-en-argentina#]Comprar Fluoxetina medicamento[/url] , pharmacie univers. test serologique pharmacie boulogne billancourt, pharmacie de garde metz therapie cognitive comportementale nord pas de calais . pharmacie beaulieu telephone, pharmacie rue valmy brest therapies comportementales et cognitives caen pharmacie amiens pierre rollin .

    Reply
  7. HTML & CSS How do I make it so an entire page is visible to everyone without having to zoom out – JavaScript Help buy online prescription medication quickly [url=http://pharmvolk.com]buy online prescription medication quickly[/url] pharmacies in canada shipping to usa

    Reply
  8. pharmacie ouverte oullins act therapy autism , therapies have been used not only to treat mental disorders pharmacie bonnot avignon , DГіnde comprar Caverta 100 mg, DГіnde comprar Caverta 100 mg. Caverta en farmacia Ecuador Comprar Caverta genГ©rico [url=https://kit.co/cotahed/barato-caverta-en-ecuador-donde-comprar-caverta-100-mg#]Comprar Caverta genГ©rico[/url] therapies to counselling DГіnde comprar Suprax 200 mg, Comprar Suprax medicamento. Suprax en farmacia Venezuela Comprar Suprax genГ©rico [url=https://kit.co/ginegni/donde-comprar-suprax-200-mg-comprar-suprax-generico#]Comprar Suprax genГ©rico[/url] , pharmacie aix en provence cours mirabeau pharmacie ouverte quetigny , pharmacie en ligne versailles. pharmacie lafayette la teste pharmacie becker monteux fax Barato Bupron SR en EspaГ±a, Comprar Bupron SR medicamento. Bupron SR en farmacia EspaГ±a Comprar Bupron SR genГ©rico [url=https://kit.co/timrecom/barato-bupron-sr-en-espana-comprar-bupron-sr-medicamento#]Comprar Bupron SR sin receta[/url] , act therapy coaching. pharmacie ouverte quincy sous senart, pharmacie amiens glisy pharmacie rue des jacobins beauvais . pharmacie herboriste bordeaux, pharmacie de garde aujourd’hui haut rhin pharmacie bailly david villeurbanne pharmacie lafayette nice .

    Reply
  9. HTML & CSS How do I make it so an entire page is visible to everyone without having to zoom out – JavaScript Help can humans take ivermectin paste [url=http://ivermectini.com]stromectol[/url] stromectol ivermectin

    Reply
  10. pharmacie harrois angers ouverture pharmacie amiens , pharmacie de garde marseille 13011 aujourd’hui pharmacie ouverte reims , Zoloft venta online, Comprar Zoloft medicamento. Comprar Zoloft sin receta Comprar Zoloft genГ©rico [url=https://kit.co/lighramort/comprar-zoloft-generico-zoloft-venta-online#]Comprar Zoloft genГ©rico, Zoloft venta online[/url] pharmacie de garde aujourd’hui gueret Metformine en farmacia Argentina, DГіnde comprar Metformine 850 mg. Metformine en farmacia Argentina Comprar Metformine genГ©rico [url=https://kit.co/lifode/comprar-metformine-medicamento-metformine-en-farmacia-argentina#]Metformine en farmacia Argentina[/url] , pharmacie argenteuil dimanche pharmacie auchan angouleme , act therapy values. pharmacie de garde troyes pharmacie de garde marseille 2 juin Comprar Omnicef sin receta, Comprar Omnicef medicamento. Omnicef en farmacia PerГє Comprar Omnicef genГ©rico [url=https://kit.co/pilsuppmoo/comprar-omnicef-sin-receta-omnicef-en-farmacia-peru#]Comprar Omnicef sin receta, Omnicef en farmacia PerГє[/url] , pharmacie bailly saint lazare. pharmacie ouverte poitiers, therapie comportementale et cognitive vaucluse pharmacie ouverte marseille . therapies basees sur la mentalisation, medicaments qui font dormir pharmacie en ligne france therapies used to treat a child with mental health problems .

    Reply
  11. HTML & CSS How do I make it so an entire page is visible to everyone without having to zoom out – JavaScript Help ivermectin 12 mg tablets for sale [url=http://ivermectiny.com]can you buy ivermetin at the counter[/url] ivermectin 3 mg for humans

    Reply
  12. HTML & CSS How do I make it so an entire page is visible to everyone without having to zoom out – JavaScript Help ivermektiini myytГ¤vГ¤nГ¤ [url=https://ivermectinhum.com]ivermectin dosage chart for humans[/url] buy ivermectin for humans

    Reply
  13. HTML & CSS How do I make it so an entire page is visible to everyone without having to zoom out – JavaScript Help ivermectin for humans [url=https://stromectl.com]ivermectin tablets dosage[/url] ivermectin predaj

    Reply
  14. HTML & CSS How do I make it so an entire page is visible to everyone without having to zoom out – JavaScript Help stromectol 3mg tablets dosage [url=http://ivermectiny.com]order ivermectin[/url] ivermectin

    Reply
  15. Pingback: deltasone 250g
  16. Pingback: ivermectin sale
  17. Pingback: sildenafil india
  18. Pingback: online rx meds
  19. Thank you for the auspicious writeup. It actually was once a leisure account it.
    Glance complicated to more delivered agreeable from you!
    By the way, how can we keep in touch?

    Reply
  20. Hey There. I found your weblog the use of msn. That
    is a very neatly written article. I will be sure to bookmark it and come back to learn extra of your helpful info.
    Thank you for the post. I will certainly return.

    Reply
  21. Unquestionably imagine that which you stated.
    Your favorite reason appeared to be on the net the easiest factor to
    be mindful of. I say to you, I certainly get annoyed
    while people think about issues that they plainly don’t understand about.

    You controlled to hit the nail upon the top and also defined out the whole thing without having side-effects , other people
    could take a signal. Will likely be back to get more.
    Thanks

    Reply
  22. Hello There. I found your blog using msn. This is an extremely well written article.
    I will make sure to bookmark it and return to read more of your useful information. Thanks for the post.
    I’ll definitely comeback.

    Reply
  23. Hola! I’ve been following your web site for a while now
    and finally got the courage to go ahead and give you a shout out from Houston Texas!
    Just wanted to mention keep up the excellent job!

    Reply
  24. Heya i am for the first time here. I came across this board and I
    find It truly helpful & it helped me out a lot.
    I’m hoping to present one thing again and aid others such as you helped me.

    Reply
  25. Does your site have a contact page? I’m having a tough time locating it but, I’d like to send you an email.
    I’ve got some creative ideas for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it improve over time.

    Reply
  26. hello there and thank you for your info – I’ve certainly picked up anything new from right here.

    I did however expertise a few technical points using
    this website, as I experienced to reload the web site lots of times previous to I could get it to load correctly.

    I had been wondering if your web host is OK? Not that I am complaining, but slow loading instances times will sometimes affect your placement in google and could damage your high quality score if
    advertising and marketing with Adwords. Anyway I’m adding this RSS to my e-mail and could look out for much more of your respective exciting content.
    Ensure that you update this again soon.

    Reply

Leave a Comment