My Technical Documentation Page is completed

Code Feedback
1

Hi everyone, @bbsmooth @miku86 @Roma

I am happy to have finished another project after a long time. I would be very happy to receive feedback’s and also like to hear your opinion and suggestions for improvement.

Technical Documentation Page-Flexbox

Thank you in advance for your answers

2

Hey Ozan,

shall we have a look at it?

3

Hey Michael,

yes please. Now everything is complete

4

Hey Ozan,

alright!

So congrats on your project, awesome job, I like it!

Making great progress!

My ideas:

  • all tests pass, awesome!

  • you can get a code validation:

    • HTML: paste your codepen HTML code into the body
    • CSS: paste your whole CSS code

  • you can ignore the errors about the CSS variables; padding-inline-start seems to be experimental, so using padding-left should also work

  • when I decrease the width of my browser, the code boxes overflow the screen:
    Screenshot_2020-09-09_08-54-47

  • in the navigation, I would love to see the current section I am currently in :
    Screenshot_2020-09-09_09-00-32

  • I like the interactive tools to see the differences!

Keep up the great work,
looking forward to seeing your next steps! :slightly_smiling_face:

1 Like
5

Hey Michael,

thank you for pointing out the validators. Very good tip.
So far I have done everything you mentioned, but I did not understand the problem with the current section in the navigation. What exactly is wrong there?

6

Great work!

Nothing wrong there, only a nice-to-have feature, seeing which section I’m currently reading, without scrolling back to the section header.

7

thank you Michael.

now i understand what you mean with the nice-to-have feature.

I am very happy to accept any comments.
This brings up new ideas and is a new challenge for me.
So I was happy to implement it.

I found one thing a bit strange on this “Responsive Web Design Projects” .
In “Responsive Web Design” there is no JavaScript to learn. In the projects you can use JavaScript but also Bootstrap but no jQuery. It’s something strange right?

This function with the display of the section where I’m located, I would have reduced the code lines by half with “jQuery” and made it much easier.
It is really not bad to have implemented that with “Javascript”. After all, we’re trying to learn everything here.

If you think that’s OK then I would finish this project and move on to the next one.

8

I think this is caused by the longevity of the curriculum and its history,
meaning it started with HTML + CSS,
then people started to ask if they are allowed to use JS, jQuery or even React and so on.

I think the user stories of the projects are doable with HTML + CSS,
and if you want to add features that need JS or jQuery, you should use them,
but you shouldn’t build the whole projectst in JS, jQuery, React etc.,
because there is the Front End Library Certification for these technologies.

Yeah, looks great!
Would start with the next one, looking forward to seeing it!