April 6, 2022, 10:56pm
So I just finished the Tribute Page I’m supposed to make for the first part of my Responsive Web Design certification. It looks nice and passes all 10 auto tests.
I thought I’d show it off first and ask if anyone has any suggestions for last minute edits before I summit it.
Link to the Codepen
April 6, 2022, 10:58pm
Nice to see a tribute to the Gravity Falls creator, and One man show, Alex Hirsch
April 6, 2022, 11:02pm
This is breaking out of the Container at Small widths:
It can be fixed with media queries:
or using a CLAMP:
The text could use a little bit of padding:
AND GO AHEAD, AND PUT AN ALT THAT DESCRIBES THE PICTURE,
FOR PROPER ACCESSIBILITY .
alt="Putting a picture of corn here as a placeholder">
April 7, 2022, 1:40am
Thanks for the tips. I forgot I had the alt text as that when I was just setting up the framework.
Clamp didn’t seem to do anything, had to end up using a combination of media query and overflow:hidden for the really small screen sizes. Might go back and try to figure out what was up with clamp some other day.
April 7, 2022, 1:50am
Try looking at this video:
I hate to get really enthusiastic over a CSS function like the CLAMP … but… This has been working really well, and it can streamline the use of Media Queries.
It took me a little while to figure out, but it’s actually a good function to know.
April 7, 2022, 1:57am
But did you actually have a picture of corn there, or was this False advertising…
April 7, 2022, 5:16pm
Thanks for the video.
Using that corn maze picture would have been funny. But nah, I just googled the first word that came to mind for a placeholder photo to use while I was setting up the tributes framework.
October 7, 2022, 5:17am
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.