Tribute Page assistance

https://codepen.io/Astrobouy/pen/mdeRwgG

Hello guys. I finished my Tribute page for some time now and submitted. However, while refreshing, I didn’t realize it was not really responsive on mobile. The image would extend out of the main white background. Any feedback or tips would be appreciated.

welcome @ThatBoyAsh

it might has to do with your .black-border class, and i see theres id img-div that you can play with as its your img container. you may need read this if you like to keep that black-border :

1 Like

Is your webpage to be used on small devices? Yes? Always start building it from the smallest to largest screen width. Download Firefox or any other app which emulates small screen devices - Responsive Design Mode in Firefox for example - and work your way up to PC screen or perhaps even TV screen size.

1 Like

Hi @ThatBoyAsh. Not sure of you were also looking for feedback. If so, here are some things you should revisit;

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
  • Don’t use <br> to force line breaks or spacing. Use CSS.
    • If you want three paragraphs then use three paragraph elements.
1 Like

Thanks a lot for the tips! That was really helpful.