I’m new to this community, and I started my tribute challenge today. I didn’t know what to write about, so I just tried to remake the example page from scratch, guessing the font sizes, colors, spacings and everything else until the result looked similar.
My page has several problems:
-when zoomed in, the page width changes and all the text blocks below the image get narrower;
-I couldn’t manage to put white borders around the gray box. When zooming in, a wide border appears on the right side;
-I tried to do some spacing between the image and the text right above it using padding (both inside in the image and text elements), but it didn’t work. I also tried to use border-radius to change the gray box’s edges - no success.
I did some research, but I couldn’t find any ways to fix these issues. I started to code using HTML yesterday, so I’m relying essentially on the challenges I’ve already completed to build this project.
Can I use the same content from the example page? How can I mention the original author in my page?
How to fix the text issue when zooming in? Is there something like a “ordered-list” feature?
I’d like to add that I’m very excited about FreeCodeCamp!! I just can’t stop to work in the challenges (that’s why I “copied” the example tribute page - I want to take the other challenges as soon as possible).
Thank you in advance,