Next.js Discord

Discord Forum

Responsive Image

Answered
Николя posted this in #help-forum
Open in Discord
I have a problem, I need to make an adaptive image, at first glance everything works well (the image becomes the correct size), but when I reload the page or go to it, the image becomes too large
<Image title='Мершій дивитись' src={imageRudeus} alt='Безробітний Отаку дізнайся про наші серії'  style={{width: '100%',height: 'auto',}} sizes="(max-width: 1100px) 40vw, 60vw" />
Answered by Николя
Yes, I solved this problem right now, I needed to change the images and everything was fixed. I still don’t understand why there was exactly that error, but I suspect it was due to the size. But another one related to connection to bd also appeared. It just says after a while that there are too many requests, I’ve never worked with the API before, but I think I can handle it somehow, thank you very much for your attention bro
View full answer

11 Replies

It`s after reload page
It`s firts version
they look the same to me though
Spectacled bear
they look the same
@joulev they look the same to me though
Yes, sorry I mixed up the screenshots
@Николя Yes, sorry I mixed up the screenshots
can you make a minimal reproduction repository for this issue?
it showing up differently for first load and for subsequent navigations is strange
@joulev can you make a minimal reproduction repository for this issue?
Yes, I solved this problem right now, I needed to change the images and everything was fixed. I still don’t understand why there was exactly that error, but I suspect it was due to the size. But another one related to connection to bd also appeared. It just says after a while that there are too many requests, I’ve never worked with the API before, but I think I can handle it somehow, thank you very much for your attention bro
Answer
I use just Postman, the problem is that the server generally stops accepting anything at some random point in time, that is, data is not pulled from the database, it says the connection limit has been exceeded.
When I restart the project, everything works perfectly for a while