Responsive Web Design Updates

Great that is a relief and thank you for explaining that. I will just need to update my profile and setting then.

2 Likes

are you sure you have logged in to the same profile? note that the freecodecamp account is recognised through the email address. for example f you use github login, and you have changed email on github, it creates a new account

5 Likes

Hi there, thanks for the information!
I think there’s a bug in lesson 52 of ‘Learn Basic CSS by Building a Coffee Menu’ - on double class selectors.
It won’t accept the answer:
.flavor.dessert{…}
But I may we be wrong :slight_smile:
Thanks in advance for your help!

2 Likes

Please open a new thread with your code and a link to the challenge so that we can help… Thanks

2 Likes

The Legacy version has the option to download the solutions, is it also included in the new curriculum?

2 Likes

A post was split to a new topic: Step 28 - soyckas

Thanks. Just an FYI: In the first part of the new course step 20: Catnip is misspelled. The code requires that “cat nip” be entered but it is actually spelled catnip. I don’t want to be a nitpick but I also thought you should know in case you care about this sort of thing. :slight_smile: Be well!

2 Likes

Thank you for helping make FCC better. Bugs can be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.

4 Likes

ive just completed my first project. Thanks so much for the info

2 Likes

i had problems earlier too, but i linked my html code with my stylesheet and it worked perfectly .

3 Likes

Wow, big update! I will definitely have to go back to check out some of the updated lessons. This format of embedding projects within the lessons makes a lot of sense and I think would have helped me get the concepts down better the first time around.

I’m having some trouble making the switch with the project formatting, however, as I just started my technical documentation project. Is there a way to see the code for the sample project? I try not to reference it extensively, but sometimes it can be really helpful. I am in Chrome, which lets me kind of see the code via “developer tools” in my browser, but it’s a lot more difficult to navigate than codepen was.

Also, if we wanted to upload our project to codepen still, is there a way to reference the tests on there like before?

Thanks!

3 Likes

Hi @jinwithwings !

As you mentioned you can see the source code in the dev tools but I would suggest looking at it after you submitted the project for a better learning experience. :slight_smile:
There won’t be a place to view the full code in the format like codepen.

I understand where you are coming from.
Sometimes it is comforting to be able to see the code when you are first starting out building projects.

But one of the good things about building these projects is you will learn so much by searching through google, asking questions on the forum, and trying different things until it works out.

It will also help you on the job as a developer when you are thrown a figma design and asked to build the page for that.

There is no longer a place to submit a link for your project.
You have to submit your project in the fcc editor and run the tests in there.

If you want to still build it in codepen, that is fine but you will need to copy and paste your code into the editor and run the tests.

Hope that helps! :slight_smile:

4 Likes

I’m excited to try the new version, but I’m also glad my current work in progress is moved to legacy version, I like to complete what I started and I know the more practice the better! :wink:

4 Likes

Thank you for your post after I found your post it answered all my questions.
Thank you Thank you

2 Likes

I have a comment about the new design. While i like it overall , something i liked about the legacy was knowing what each step contained. when doing final projects , i find it easier to refresh my brain on topics i had forgotten by simply jumping to that chapter

10 Likes

Is there anywhere to report bugs? Because the preview section for the projects does not preview my code correctly. CSS styling I have done does not display and the CSS grid layout has broken completely visually. The test still recognize that I am fulfilling user stories, it just displays incorrectly in the preview.

The code worked perfectly on CodePen and I copy pasted it from there so I know it is not my code being wrong.

5 Likes

Hello, @EllaGriff , it would be good if you could post your code and the challenge link (or project name) you are doing.

From the information you are giving it seems as though the css is not linked to the html.
You can use the link tag to do that.

Look at the post above:

3 Likes

…and that one is on me for not reading the post properly. I was so used to CodePen I forgot it links everything automatically.
:sweat_smile:

4 Likes

When you type real html code, you would have to use the link element to link css.
You could use the style element, but there are a lot of advantages to using an external css document such as same styling for the whole website.

The new update makes us use the link element, which will help us to be a better dev.

4 Likes

I agree! I played with making a neocities a while back and external CSS is really useful for consistent styling. I think having to put in the CSS link manually is a good habit to keep.

After I submit the last project I will do the new curriculum for practice. More practice is always good. :smiley:

4 Likes