# Feedback please on my practicing project

**URL:** <https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352>\
**Category:** I Built This\
**Created:** [June 5, 2020, 3:20pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352 "2020-06-05T15:20:21Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 5, 2020, 3:20pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/1 "2020-06-05T15:20:21Z")

</div>

hi campers,

edit:  
done retouched up the technical docs.

#4 technical docs:

> **[TechnicalPage](https://codepen.io/sobadrdb/full/GRoKQQw)**
>
> ...

#3 landing page:

> **[Listen Page](https://codepen.io/sobadrdb/full/bGEbbbz)**
>
> ...

#2 survey project:

> **[Ambyar Survey Form](https://codepen.io/sobadrdb/full/YzyRgmo)**
>
> ...

portofolio project #5

> **[Portofolio](https://codepen.io/sobadrdb/full/wvKVPqg)**
>
> ...

side note:  
the stuff for `head` it not necessary, but it just easier for me to copy paste it to w3c validator, try to find errors.

---

<div class="post-metadata">

**Author:** ![Naomi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/naomi/32/422181_2.png) [@Naomi](https://forum.freecodecamp.org/u/Naomi)\
**Post date:** [June 5, 2020, 4:17pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/2 "2020-06-05T16:17:27Z")

</div>

![image](https://global.discourse-cdn.com/freecodecamp/original/3X/2/2/22a92b9f2df98a76984853ba2735b17f8f7203a8.png)  
I see the title bar on the left scrolls with the page view, which is a novel idea and very creative!  
Did you intend for it to line up with the page position, though? Because it reaches the bottom of the nav menu much faster than I reach the bottom of the page.

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 5, 2020, 4:22pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/3 "2020-06-05T16:22:12Z")

</div>

hi @Naomi

well that something new, i dont see it in my screen, i have to take alook whats causing it. much appreciated.

thanks

---

<div class="post-metadata">

**Author:** ![Naomi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/naomi/32/422181_2.png) [@Naomi](https://forum.freecodecamp.org/u/Naomi)\
**Post date:** [June 5, 2020, 4:27pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/4 "2020-06-05T16:27:59Z")

</div>

It’s your `position: sticky` that seems to cause it, which is also the same code that is allowing your section titles to scroll down to the bottom of the section

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/c/4/c4e908a8021c4d1fb77db9cedac2e94023a78447.png)

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 5, 2020, 4:36pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/5 "2020-06-05T16:36:45Z")

</div>

that strange, i cant find the odd in my codepen. the nav header should be sticky on top as set to ` top: 0; ` as the other headers.  
im not abble to recreate like you mentioned.

---

<div class="post-metadata">

**Author:** ![Naomi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/naomi/32/422181_2.png) [@Naomi](https://forum.freecodecamp.org/u/Naomi)\
**Post date:** [June 5, 2020, 4:42pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/6 "2020-06-05T16:42:48Z")

</div>

Actually, it looks like that `top: 0;` line is the cause of the scrolling. I’d remove that line and things will stop moving around 😃

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 5, 2020, 4:56pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/7 "2020-06-05T16:56:05Z")

</div>

yes it does but then the main-doc header stop. i want it sticky 😅

just made changes the code from global header class top:0; to main-doc header  
selector.

currently working fine in my codepen at chrome and firefox

---

<div class="post-metadata">

**Author:** ![Naomi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/naomi/32/422181_2.png) [@Naomi](https://forum.freecodecamp.org/u/Naomi)\
**Post date:** [June 5, 2020, 5:00pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/8 "2020-06-05T17:00:54Z")

</div>

Changes look good to me! Nice work!

---

<div class="post-metadata">

**Author:** ![codewithgarvit](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/codewithgarvit/32/150564_2.png) [@codewithgarvit](https://forum.freecodecamp.org/u/codewithgarvit)\
**Post date:** [June 5, 2020, 6:38pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/9 "2020-06-05T18:38:30Z")

</div>

I Think You Should Use Some Good Font and Colors. You can also implement a scroll smooth css property by writing

```auto
html{
  scroll-behavior: smooth;
}

```

Otherwise It Is Awesome!

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 5, 2020, 7:05pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/10 "2020-06-05T19:05:26Z")

</div>

thanks,

im not playing with font much on my projects certification, but its good suggestion for maybe my real projects.

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 7, 2020, 6:11pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/11 "2020-06-07T18:11:51Z")

</div>

edit: delete, off topics

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 9, 2020, 1:35pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/12 "2020-06-09T13:35:36Z")

</div>

edit: delete due to inappropriate post

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 14, 2020, 5:41pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/13 "2020-06-14T17:41:24Z")

</div>

hi Campers,

im sorry if this is not the proper way to ask your feedback on my practicing project.

edit: turn out, it was inappropriate post. sorry it was my mistake.

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [June 16, 2020, 9:25pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/14 "2020-06-16T21:25:53Z")

</div>

@sobadrdb, some things to revisit;

### tech doc

- The test script should be included, with all tests passing, when you submit your projects.
  - Your page passes **12/16** user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.

- Are you still working on this? All your CSS is commented out

Looks like all the links you’ve provided are still a work in progress. I’ll refrain from giving any further feedback

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 17, 2020, 8:36am UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/15 "2020-06-17T08:36:13Z")

</div>

hi @Roma,

thanks for your in-depth feedback regarding the css,  
acctualy they were completed projects and pass all the test script and been submitted to claim my rwd certification.

about the css that commented out at all those projects, it’s not due to works in progress. i just intended to. (as this post created, i just deleted all the comments out css)

and for the technical docs, im still figuring out how to pass the w3c validator on the best practices to use ` details ` element on header.  
as per se, after i added those ` details ` elements on each header, the fcc test would failed because ` header ` is not the ` first child of the main-section `. but if i move details element inside header element, it giving me different result on the way i want it to be shows right now.

forgive me if i was wasting your time with the fcc rwd projects.  
i was to asking feedback on my personal practicing projects that have github link.  
how is the best practices to create multipages with single css file.

regards

prast.

---

<div class="post-metadata">

**Author:** ![donaemon](https://avatars.discourse-cdn.com/v4/letter/d/ebca7d/32.png) [@donaemon](https://forum.freecodecamp.org/u/donaemon)\
**Post date:** [July 2, 2020, 9:43pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/16 "2020-07-02T21:43:28Z")

</div>

hi,  
loved your projects.  
it’s weird your works different from the preview box, only my thought.

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [July 3, 2020, 11:50am UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/17 "2020-07-03T11:50:36Z")

</div>

hi @donaemon,

thanks, it’s because of the preview images taken from freemium codepen account, so it showed the first generated screenshot. unless i upgraded to pro, i can have updated screenshot.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:15pm UTC](https://forum.freecodecamp.org/t/feedback-please-on-my-practicing-project/399352/18 "2021-06-01T13:15:36Z")

</div>

Closed on June 1, 2021, 1:15pm UTC


