Project02 - Final - You Rock!

[YoAdrian!]

Hello All,
Here's my link. I learned a lot, but boy do I have a ways to go. I had issues with the eMal site and having it redirect links, so please ignore that, it won't update my thumbnail images either. I tired to experiment with "frames" instead of flex boxes to see if I could get my site to function a little better, especially with the responsiveness. I had some issues with the dropdown menu, which you'll see...it requires some precision mouse technique, which I know you all can handle. So please forgive my short comings.

https://www.grc275.com/student/fall-202 ... index.html

Enjoy the rocks and best of luck to you all. The server seems a bit slow tonight, so I can't see if my updates are working or not. Fingers Crossed!

working-graphics.zip

Project02 Working Graphics Folder

(534.83 MiB) Downloaded 191 times

[Cole_Richarrds]

Hi Johnna! Your website looks great, I like the colors and navigation, there are some kinks to work out but this looks great as is. I might have chosen a different layout for the product pages. Otherwise this looks great, awesome job!

[isaacm03]

Hi Johnna,

Your site rocks! I had to open the site in another browser for some reason, but everything is looking great. Great use of color, images, and type to create a site that is fun and appealing. Your mobile versions look great too, I would consider using fewer products per row on the merch page, so people don't accidentally mis-tap. It also gives products more breathing room. Good work regardless!

Isaac

[Christopher B]

Yo Johnna,
Very professional site - everything is well done. Maybe you can show me how to get your brand icon into the browser tab on top?? Good job on implementing the grid - cheers to that. It worked really good, just needs some tweaking for responsive mode. I like to turn off the grid or flexbox at a certain critical point and just run all products inline. You can do it on your Products page, but one issue you have is that you have inline styling inside of all your <img> tags (style="width:50%"). For the trick I have up my sleeve to work, you'd need to turn all of those off (...which could be done easier if you gave your image tag a class).

Potential concepts: turn off the grid and an important critical mass, maybe 800 or 900 pixels. Get rid of your inline styling inside of your <img> tags - put the styling in a class instead.

@media screen and (max-width: 900px)

.section-merch-all {
display: inline;
width: 100%;
}

img .your-new-class-name-here {
width: 100%;
}
}

- Keep rocking it!

[Cj9497]

I like your choices for this website. It feels really engaging and playful. The colors work well together.


Charlie Johnson

[bmeyer]

Hi Johnna!
I really like how your site turned out! Your illustrations are so cute and all work super well together. I also like the flow of the shop pages and how the "buy now" button pops out. The only thing I would change would be to bring the opacity up a bit more on the drop-down menu, so it is easier to read. Overall, good job!

[Instructor]

Johnna, your logo is much fun with very strong branding, I love the copy too-it makes me laugh. You may have come up unknowingly with a fun secret message since your contact message is white text so invisible. Hah! A bit of misplacements when the responsive comes in. Excellent e commerce form, as well as excellent on putting a "Return to Home page!

[bdawg11]

Hey Johnna! Your site is amazing. Your pop-ups are so cool. I love the simplicity of your site and design is amazing.

[liv-lil_cactux]

Killing it Johnna! These rocks really do rock!