This is my first FCC project and my first time posting. I started freecodecamp yesterday and plowed through all of the sections of Responsive Web cert up to the projects, then worked on my first project today. I have some general experience with html and css, and got most of it done, and will finish with some more formatting (making the timeline better, etc.) tomorrow, hopefully. I’ve only viewed it in codepen and on my phone. Any feedback? Tips for making it look and function better?
Hi @Bulbusaur! I’m not really a fan of my design, either. It seems really dated or something, like something you’d see years ago. I was having fun playing around, though. I didn’t go into it with any idea of what I wanted it to look like, other than the basic structure, so brainstorming visual appearance firstmight have helped. The brianmay.com uses red so I went with that.
Thanks for your feedback! I’m sure I only did the first part so fast because it was familiar… I’m sure it’s going to get really difficult and complicated for me from here on! Best of luck to you, too!
Thank you, @ConnerOw1115!! I mentioned I have some prior knowledge, but that’s the first time I’ve done an html/css page from scratch in a years (decades?)… I’ve tweaked some WordPress templates here and there.
I basically say on the couch with my laptop for two days, haha. I spent a lot of time trying to use flex and gave up and went to grid, which was also very confusing, but it finally came together. I’d like to get more comfortable with flexbox.
Flex and Grid are stuff I don’t really use. I just use the others. Flex and grid are usually meant for making things responsive. but I just use the % css command to do it.
The different color? I’m not a big fan…(That is personal)
Also checking your code, about your ID SELECTOR (nav-link) it can be used only one time in your page.
This is the big difference between an ID and a class… ID can be used to identify one element.
You used it more than one. Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of the HTML section and then click on the respective ‘Analyze’ lin to see what i am talking about.
Also you can make your website responsive if you want it to display properly in a screen size a phone.
After that everything look good to me! Keep coding! You are moving forward!
@birkhoff thank you for the feedback! To be honest, I’m not a big fan of the color either, or the gradients, etc. I guess I was just trying to use some of the things taught in the lessons and I was getting burned out doing so much in one day so I stopped messing with everything. Good catch about the nav-link ID! I changed it to a class, rather than creating another ID. Is that the best approach? I wasn’t aware of the analyze features in codepen (my first time using it). Thanks for the tip!! I’ll also review how to make typography more responsive again.
P.S. Off topic, the forum keeps popping up with a message that I might have code that’s not formatted in my posts/comments… How do I fix that? Should some of the things I’ve typed be formatted as code (with the ` things)?
There’s no issue changed it to a class. It is perfectly fine. If ever you can make it more responsive, it will be perfect to my eyes of course!
About the pop up, i saw this the first time i visited your page but didn’t pay attention. Now it didn’t happen. I am sure that was a problem related to CodePen website not in your page. It doesn’t appear anyone when i am now open it. Think things got fixed.
@birkhoff Yep, I fixed the class issue. For the popup, it’s when I try to post or reply to someone on this FCC forum, even when I don’t think I have code in my messages that needs to be formatted. I’m not sure what the error refers to… I’m not too worried about it. Anyway, thanks again!
Nice to see your enthusiasm. Remember one thing, changing your career path from one to other is not a problem. It is a good chance that you made in your professional life, and better than the problems you may face if you didn’t do it. As I, established my WordPress Development Company , with no previous experience of running any startup, but due my dignity and confidence, I managed to make it one of the leading designing company in Dubai.