I’m on the final project in the React course adding the logo for the image (lesson 7). If I set the boxSize to anything over 31, the logo is enormous in my browser (Google Chrome on Windows). So I can see something (appropriately) tiny at boxSize={31} and something 4+ times bigger when I change it to 32. Anyone know how to fix that?
I can use boxSize=“60px” to get the correct size, but that’s not what Mosh is doing. If boxSize={60} is the preferred method, then I’m still not sure what’s going on here.
I use boxSize={“60px”}…works fine.
I had a similar issue before and found that sometimes the logo just looks huge because it’s not styled or scaled down properly with CSS, even if the box size is set. What helped me was manually adjusting width and height or using a container to control its size. If you ever need design help for stuff like this, check out https://www.hireoverseas.com/roles/graphic-designer — worked well for me.
1 Like