All solutions

Hello!

So this is my second project on Frontend Mentor and I was looking for something a little bigger than the 3 column page I did. Based on the comments I got on my last solution which helped a ton, I found CUBE CSS and a lot of other super helpful sites. I really like what I saw with the CUBE CSS methodology so I wanted to give it a shot. This is my first time working with that, CSS custom properties, CSS variables and javascript as well so it was quite a lot. The solution I came up with still has some flaws that I couldn't figure out and I list those down below but overall I think it was a great learning experience that definitely helped advance my overall knowledge of web development.

Things I had trouble with: Javascript - I have no experience with javascript and have not taken a course on it yet. I'm about to take the Javascript basics course on scrimba to learn the basics and start writing my own js scripts from scratch. Any suggestions on javascript courses / tutorials that you think would be a good starter point would be highly appreciated.

Media Queries: Being only the second time working with media queries it was a little hard at first but I'm starting to learn how they work with max-width / min-width for different sized devices. If anyone has or knows of a good tutorial / article on media queries I would love to learn a lot more about how to use these.

Things that I couldn't figure out: I couldn't figure out why the primary-navigation does the animation off screen every time you size the page down where the hamburger menu appears. I tried a few things but really didn't know where to look or what the change to fix this issue. I know this is probably a simple issue to fix but I just don't have the knowledge yet. I figured between frontend mentor and google I can figure it out.

I also noticed that the first click on the hamburger menu does not work. Like I said I have no experience in javascript so this could be a issue with my script and I wouldn't know it. Hopefully I'll look back at this after the basics course and it will be an obvious easy fix. I'm hoping....

As I've said before I just starting learning frontend development so there's a ton that I've already learned that I would change on this page but I wanted to upload this as a progress project because I learned so much from it.

Gotta give a shout-out to Kevin Powell on scrimba and youtube. I've been watching his stuff for the past 2 weeks and it has completely changed the way I code and learn web development.

I'm really looking forward to the next challenge to really start implementing all the stuff this project taught me. Any comments or better practices that I can work on are all welcomed. The more the merrier.

Thanks for lookin!

So I'm pretty new to coding and this is the first time working with media queries. It took awhile to get the correct order of the code and I'm still not exactly sure how it works yet. The way its coded in the css file is the only way I could target the .column div to change the css for the screen size change. I'm not sure if there's a easier way to do it, I haven't really messed with it a lot outside of this project. I didn't know if there was a way to just do 1 media query for all the css changes. Any tips on how to code the media query would be great. I'm hopeful I'll figure it out as I practice it for different projects.

I wanted to start out small for my first project to upload here to see if I could actually do it and I think it turned out well. I'm totally open to any feedback as being new I'm still learning a lot everyday.

Thanks for lookin!