# My tribute page **URL:** \ **Category:** Web Development Bootcamp\ **Created:** [September 6, 2021, 2:59am UTC](https://group.classcentral.com/t/my-tribute-page/8582 "2021-09-06T02:59:10Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Starii](https://avatars.discourse-cdn.com/v4/letter/s/73ab20/32.png) [@Starii](https://group.classcentral.com/u/Starii)\ **Post date:** [September 6, 2021, 2:59am UTC](https://group.classcentral.com/t/my-tribute-page/8582/1 "2021-09-06T02:59:10Z")
Hey y’all, I just wanted to share my tribute page and its code and see what you all thought. Also any advice on improvements/changes is welcome. 🙂 [My tribute page](https://codepen.io/Mistarii/full/zYzqXLN) ---
**Author:** ![deborahsalves](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/deborahsalves/32/1263_2.png) [@deborahsalves](https://group.classcentral.com/u/deborahsalves)\ **Post date:** [September 6, 2021, 11:45am UTC](https://group.classcentral.com/t/my-tribute-page/8582/2 "2021-09-06T11:45:46Z")
it looks great! wow, really, w the use of font families, margin and padding, colours, I really dig it, way to go! ---
**Author:** ![monicaszabo987451](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/monicaszabo987451/32/1547_2.png) [@monicaszabo987451](https://group.classcentral.com/u/monicaszabo987451)\ **Post date:** [September 8, 2021, 4:12am UTC](https://group.classcentral.com/t/my-tribute-page/8582/3 "2021-09-08T04:12:25Z")
Hello Starii, I like your tribute page. It’s very nice. I did it, too. [tribute page](https://codepen.io/monicaszabo17/pen/vYZWeeP) ---
**Author:** ![monicajasper](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/monicajasper/32/1477_2.png) [@monicajasper](https://group.classcentral.com/u/monicajasper)\ **Post date:** [September 20, 2021, 8:28am UTC](https://group.classcentral.com/t/my-tribute-page/8582/4 "2021-09-20T08:28:35Z")
Your tribute page link doesn’t work for me. Not sure why or if others have this too. ---
**Author:** ![casserole27](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/casserole27/32/1279_2.png) [@casserole27](https://group.classcentral.com/u/casserole27)\ **Post date:** [September 20, 2021, 8:19pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/5 "2021-09-20T20:19:30Z")
Hello Star, I love Katherine Johnson! Nice work on the tribute page. I like the font and the way you have visually separated each section using the boxes and shadows. ---
**Author:** ![monicaszabo987451](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/monicaszabo987451/32/1547_2.png) [@monicaszabo987451](https://group.classcentral.com/u/monicaszabo987451)\ **Post date:** [September 21, 2021, 4:06pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/6 "2021-09-21T16:06:38Z")
Hello Monica, At the beginning , the pens were new for me and I removed one and then I got a new address for it. The below link is available now. It was my fault ,sorry. [tribute page](https://codepen.io/monicaszabo17/pen/vYZWeeP) ---
**Author:** ![monicajasper](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/monicajasper/32/1477_2.png) [@monicajasper](https://group.classcentral.com/u/monicajasper)\ **Post date:** [September 21, 2021, 10:04pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/7 "2021-09-21T22:04:05Z")
Thanks for all of the inspiration everyone! I also wanted to share my tribute page and see if anyone has feedback: [https://codepen.io/monicajasper/pen/MWoXVag](https://codepen.io/monicajasper/pen/MWoXVag) What a feeling to finally have completed a tiny, simple webpage from scratch. 😍 ---
**Author:** ![casserole27](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/casserole27/32/1279_2.png) [@casserole27](https://group.classcentral.com/u/casserole27)\ **Post date:** [September 23, 2021, 2:12pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/8 "2021-09-23T14:12:00Z")
Great work @monicajasper ! I especially like the simple color scheme, and the very subtle box shadow on the image paired with solid black border. ---
**Author:** ![Nora](https://avatars.discourse-cdn.com/v4/letter/n/ed655f/32.png) [@Nora](https://group.classcentral.com/u/Nora)\ **Post date:** [October 1, 2021, 7:27pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/9 "2021-10-01T19:27:48Z")
Here is my [tribute page](https://codepen.io/noravgs/pen/KKqYgQQ). The page is not done but I have problems when running the test I keep getting 6/10 out of 10 but I added everything that is asked for I don’t know what am I missing or am I missing closing tags? Any help and feedback is appreciated. ---
**Author:** ![monicaszabo987451](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/monicaszabo987451/32/1547_2.png) [@monicaszabo987451](https://group.classcentral.com/u/monicaszabo987451)\ **Post date:** [October 2, 2021, 6:25am UTC](https://group.classcentral.com/t/my-tribute-page/8582/10 "2021-10-02T06:25:48Z")
Hello,Nora, Html-Change : figure id="image-div " to id=“img-div” and so, also children can be recognised. Css-Add to- img{max-width:100%;} Have a nice day. I ran the tests with the given above changes and 10/10 passed ---
**Author:** ![mikehoffmann2593917](https://avatars.discourse-cdn.com/v4/letter/m/d26b3c/32.png) [@mikehoffmann2593917](https://group.classcentral.com/u/mikehoffmann2593917)\ **Post date:** [October 2, 2021, 12:32pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/11 "2021-10-02T12:32:14Z")
Heyhey, I really like all your tribute pages. They pushed me to finally complete mine: [My tribute page](https://codepen.io/USERMH/pen/gORQpLN) Greetings! ---
**Author:** ![Nora](https://avatars.discourse-cdn.com/v4/letter/n/ed655f/32.png) [@Nora](https://group.classcentral.com/u/Nora)\ **Post date:** [October 3, 2021, 6:25pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/12 "2021-10-03T18:25:11Z")
Thank you so much I get confused with the naming and declarations I will make sure to keep it consistent. I made the changes and it worked 🥰 ---
**Author:** ![monicaszabo987451](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/monicaszabo987451/32/1547_2.png) [@monicaszabo987451](https://group.classcentral.com/u/monicaszabo987451)\ **Post date:** [October 5, 2021, 5:20am UTC](https://group.classcentral.com/t/my-tribute-page/8582/13 "2021-10-05T05:20:14Z")
I’m glad ,I could help. Best wishes 🤗 ---
**Author:** ![davidturner2608113](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@davidturner2608113](https://group.classcentral.com/u/davidturner2608113)\ **Post date:** [October 5, 2021, 11:32am UTC](https://group.classcentral.com/t/my-tribute-page/8582/14 "2021-10-05T11:32:17Z")
It takes time to learn coding and be somewhat comfortable with it. I have been practicing on and off for several years and I still struggle. ---
**Author:** ![monicajasper](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/monicajasper/32/1477_2.png) [@monicajasper](https://group.classcentral.com/u/monicajasper)\ **Post date:** [October 12, 2021, 6:59am UTC](https://group.classcentral.com/t/my-tribute-page/8582/15 "2021-10-12T06:59:39Z")
Love your page. Nice use of color and a 50% border radius! ---
**Author:** ![Nora](https://avatars.discourse-cdn.com/v4/letter/n/ed655f/32.png) [@Nora](https://group.classcentral.com/u/Nora)\ **Post date:** [October 13, 2021, 6:42pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/16 "2021-10-13T18:42:30Z")
Thank you I thought it would match her art and the page in general. ---
**Author:** ![Nora](https://avatars.discourse-cdn.com/v4/letter/n/ed655f/32.png) [@Nora](https://group.classcentral.com/u/Nora)\ **Post date:** [October 13, 2021, 9:40pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/17 "2021-10-13T21:40:24Z")
Hi Monica and everyone out there I have a general question and maybe it was already answered but I couldn’t find a solution on google. So is there a general code I can add to all of my projects that will be mobile-friendly? I was finishing my survey form and when I try to look at the form on my phone I have to use my phone in landscape orientation in order to see the whole form. ---
**Author:** ![casserole27](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/casserole27/32/1279_2.png) [@casserole27](https://group.classcentral.com/u/casserole27)\ **Post date:** [October 14, 2021, 10:40am UTC](https://group.classcentral.com/t/my-tribute-page/8582/18 "2021-10-14T10:40:09Z")
I don’t know about general code, but the Responsive Web Design Principles section of the lessons really helped me figure this out. ---
**Author:** ![davidturner2608113](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@davidturner2608113](https://group.classcentral.com/u/davidturner2608113)\ **Post date:** [October 14, 2021, 5:42pm UTC](https://group.classcentral.com/t/my-tribute-page/8582/19 "2021-10-14T17:42:44Z")
You will need to use Media Queries to scale your content to different devices. ---
**Author:** ![monicaszabo987451](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/monicaszabo987451/32/1547_2.png) [@monicaszabo987451](https://group.classcentral.com/u/monicaszabo987451)\ **Post date:** [October 16, 2021, 10:32am UTC](https://group.classcentral.com/t/my-tribute-page/8582/20 "2021-10-16T10:32:16Z")
Hello Nora, I’ll tell how I did the survey.I used flex grid for responsiveness and did it for portrait but if you want landscape orientation use the below formula: @media screen and (min-device-width:320px) and (max-device-480px) and (orientation-landscape){ /\* your style here\*/ } This is how I did it, it could be better, but I had a limited time to do it. [https://codepen.io/monicaszabo17/pen/GREOymQ](https://codepen.io/monicaszabo17/pen/GREOymQ) Hope it helps you. [Next page](https://group.classcentral.com/t/my-tribute-page/8582.md?page=2)