Replies: 1 comment
-
This is a bootstrap issue not being compatible with the next.js uptades... I went to update bootstrap and now the image looks more on the center but not how I want it.. gonna mess with it later on... Gotta be careful on updates .. else things break.. Speaking of image sizing errors still present? Yes, maybe i need to get away from legacy Image tag import ... gonna mess with it later too... seem silly that I am still getting that error. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Summary
The component is this:
https://github.com/Elindo586/nextprojectb/blob/main/components/carousel.js
^^ Just a bunch of images all inside a
row
className from bootstrap.This is the index.js where I placed it.
line 76
https://github.com/Elindo586/nextprojectb/blob/main/pages/index.js
The component is using all the room to the left, but leaving a big space to the right of the screen.
I noticed this change after upgrading to Next 14... previously the item was covering all the width of the screen.
I have been trying to change the CSS like crazy, but I can't get it to work..
The CSS related to it is not much:
How could I possible fix it?
BTW... I am still getting wrong size image error from the lighthouse, but that went to the back burner..
Additional information
No response
Example
No response
Beta Was this translation helpful? Give feedback.
All reactions