+ 4

Ok guys sorry I have to ask this :(

Ist ok if I block my website from small screens because my website I iframe other websites games and my website is about gaming so ist ok or I should allow it to all devices, it's hard to make it responsive I make button responsive the image goes when make image responsive the button goes please help me thanks :).

26th Jul 2024, 5:49 PM
Tyler Banks
Tyler Banks - avatar
17 Antworten
+ 3
Nice sick! background. So you just want that button in the center of screen? Easy. Only issue is you named it homebtn1, its a start button, name things as they are. Anyway you have it left 10% so it will always be left. And use absolute. Simple fix. You almost had it right. @media (max-width: 768px) {   .homebtn1 {    position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);     width: 140px;     height: 40px;   }    
26th Jul 2024, 7:25 PM
Chris Coder
Chris Coder - avatar
+ 8
As web developers today, it is important to focus on mobile-first web design, as over 58% of global web traffic today is from mobile devices. We can use media queries to optimize our sites for smaller devices. You mentioned iframes; it may be possible to turn that into a responsive container. What are ways you have tried to make your webpage responsive? It would be helpful if you shared a code example or your website.
26th Jul 2024, 6:24 PM
Chris Coder
Chris Coder - avatar
+ 3
Chris Coder oh my God thats so simple it helped thanks a lot brother ❤️❤️❤️❤️
26th Jul 2024, 7:31 PM
Tyler Banks
Tyler Banks - avatar
+ 2
Chris Coder also this is my website link infnomercy.netlify.app
26th Jul 2024, 6:52 PM
Tyler Banks
Tyler Banks - avatar
+ 2
Mihaly Nyilas why that's what I liked to use do you mean never use background video or what ?
26th Jul 2024, 7:34 PM
Tyler Banks
Tyler Banks - avatar
+ 2
Chris Coder I'm going to make it for iPad and iPad pros tablets thanks once again 😍
26th Jul 2024, 7:38 PM
Tyler Banks
Tyler Banks - avatar
+ 2
Hi, Kamre Aly If you have a question about your code, I'd be happy to help you. But to get the attention you deserve you must create a new post.
27th Jul 2024, 7:29 PM
Chris Coder
Chris Coder - avatar
+ 2
Add this in the head tag: <meta name="viewport" content="width=device-width, initial-scale=1.0">
28th Jul 2024, 5:55 AM
🇺🇦🇺🇦🇺🇦Coding Nerd🇺🇦🇺🇦🇺🇦
🇺🇦🇺🇦🇺🇦Coding Nerd🇺🇦🇺🇦🇺🇦 - avatar
+ 1
Chris Coder ok so I tried media queries alot but still it doesn't worked cuz I make it responsive for iPhone it looks bad in Android when I make it for other same thing happens, and I all upload my website now then you can check in developer tool my website.
26th Jul 2024, 6:28 PM
Tyler Banks
Tyler Banks - avatar
+ 1
I think you have to try: bootstrap using flexbox.... or maybe tailwind, but with flexbox as well
26th Jul 2024, 6:46 PM
Mihaly Nyilas
Mihaly Nyilas - avatar
+ 1
Mihaly Nyilas will the thing is I have to design it like pro I want the button at the center of screens margin and stuff I tried every thing
26th Jul 2024, 6:49 PM
Tyler Banks
Tyler Banks - avatar
+ 1
Mihaly Nyilas Chris Coder also this is my website link infnomercy.netlify.app
26th Jul 2024, 6:52 PM
Tyler Banks
Tyler Banks - avatar
+ 1
1. don't use this background video 2.0 with bootstrap you can do it 2.5 with tailwindcss you can do it hint: use cards
26th Jul 2024, 7:09 PM
Mihaly Nyilas
Mihaly Nyilas - avatar
+ 1
Tyler Banks You're welcome, thanks for following up so quickly and providing the links.- Happy Coding!
26th Jul 2024, 7:34 PM
Chris Coder
Chris Coder - avatar
+ 1
+१
27th Jul 2024, 8:40 AM
Kamre Aly
Kamre Aly - avatar
+ 1
import pygame import sys # Initialize pygame pygame.init() # Screen dimensions width, height = 800, 600 screen = pygame.display.set_mode((width, height)) pygame.display.set_caption("Simple Gun Game") # Colors white = (255, 255, 255) black = (0, 0, 0) # Load images gun_image = pygame.Surface((50, 20)) gun_image.fill(black) bullet_image = pygame.Surface((10, 5)) bullet_image.fill(black) # Gun position gun_x, gun_y = width // 2, height - 50 bullet_x, bullet_y = gun_x, gun_y # Bullet state bullet_state = "ready" # Clock clock = pygame.time.Clock() def draw_gun(x, y): screen.blit(gun_image, (x, y)) def draw_bullet(x, y): screen.blit(bullet_image, (x, y)) def fire_bullet(x, y): global bullet_state bullet_state = "fire" bullet_y -= 10 while True: for event in pygame.event.get(): if event.type == pygame.QUIT: pygame.quit() sys.exit() keys = pygame.key.get_pressed() if keys[pygame.K_LEFT]: gun_x -= 5 if keys[pygame.K_RIGHT]:
27th Jul 2024, 8:40 AM
Kamre Aly
Kamre Aly - avatar