My Technical Documentation Page- Project

Hi
I just completed My Technical Documentation Page Project
https://codepen.io/salim-merazga/full/dLjgvg

Your point of view will help me

Thanks

Looks pretty good! Few suggestions.

  • Make your codeblocks bigger.
  • Give more space under each section titles.
  • There is side scrollbar that’s created on mobile views. You probably have an element with fixed width.

Cheers :clap:

1 Like

Thank you so much for the suggestions, I just applied them

Thanks :slightly_smiling_face:

The first thing that I noticed is that your header text is not vertically centered with your red border-left. You can fix this by specifying a height for the element and giving a line height of the same value.

.main-section > header {
  height: 30px;
  line-height: 30px;
}
2 Likes

Thank you for the notice. Good information for me

I really like this. Looks like something you’d get from slate or another open source documentation project. Nice job! :clap:t5::clap:t5::clap:t5:

This looks excellent! You have wonderful sense of style!

@SalimDev

At 510px width the word “Documentation” is cut off.
How about making the green arrow larger so that it will be seen easier?

Great job. looks very nice. Nice layout and design. I really like like the blue hover function on the navigation.

Thanks for the motivation

You gave me a push to move forward.
Thanks

Thanks I’m very happy because you like it

1 Like