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.
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 :
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.
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.
Thanks a lot for the tips! That was really helpful.