Διαφορά Προβολής απο PC και smartphone

[Deadsell]

Καλησπέρα σας.

 

Στην σελίδα μου έχω βάλει ένα background σε ένα σημείο όπου απο τον υπολογιστή αν το δει κανείς φαίνεται ωραίο. Μόλις το δω απο το κινητό το χαλάει όλο.

Γίνεται να μην υπάρχει αυτο το background όταν το βλεπει κανεις απο κινητό ή μπορείτε να μου προτείνετε κάποια άλλη λύση ίσως.

Ο κώδικας είναι αυτός 

/* Grid style */
.display-posts-listing.grid {
    display: grid;
    grid-gap: 35px 15px;
    text-align:left;
background:url(https://nasiselevators.gr/wp-content/uploads/2019/08/services-bg1.jpg) no-repeat center center;
    background-size:auto;
    background-attachment:scroll;
    padding-top: 60px;
      padding-left: 150px;
      padding-right: 750px;
    padding-bottom: 2px;
    
}

Η σελίδα είναι nasiselevators.gr

[Kercyn]

Ψάξε για responsive design.

[tequillaki]

@media only screen and (max-width: 600px) {
  .display-posts-listing.grid {
    background:none;
  }
}

Από ότι είδα, στα 600px σου χαλάει. Εκεί μέσα βάλε ότι κώδικα σε εξυπηρετεί. Ότι γράψεις θα έχει εφαρμογή μόνο όταν το πλάτος θα είναι 600px και κάτω.

Αλλά ναι, ψάξε για responsice design. 2k19 έχουμε! 

Επεξ/σία 14 Αυγούστου 2019 από tequillaki

[Deadsell]

εισαι ωραιος φιλε δουλεψε!!!