So I finished (or so I thought) my Tribute Page and really like it. But I’m having issues.
- I used Chrome Inspect to check mobile responsive and it looked great there. When I look at it with my actual iPhone it looks completely different (still using chrome) and the bottom link doesn’t work and it looks horrible.
Does anyone know why? Is this a codepen thing?
- I could not resize one of my images. No matter what I tried. The other images I could resize no problem.
Does anyone know why? Can there be some kind of copyright thing on images that stops editing?
- When I open it with Firefox on laptop, the links do not work and the buttons look different.
Does anyone know if you should only use codepen with chrome?
Edit 1: #2 is solved (thanks @ThamiMemel) I was trying to resize the figure element including the figcaption instead of trying to resize just the image.
Edit 2: #3 I fixed this after some research. From what I read, Firefox does not recognize buttons with links. So I deleted the button elements and used a p element with the link anchored to the text, then I used CSS to style it like a button. Now it works and looks just like it does in Chrome browser.