HEY YOU! Please check out my project

HEY YOU! Please check out my project
0.0 0

#1

After a couple of days, my Tech Page is now somewhat finished… I said “somewhat” because originally I had planned on doing a lot more content. I left it all in the markup, but commented it out. It just got draining (if I am honest) copying the text from another source.

Also, while this covers Bootstrap 4, I didn’t use Bootstrap. I did load the library because I was hoping to get Scrollspy to work, but I just couldn’t get it figured out. I think it has to do with my container being fixed and Scrollspy requires relative. But, I also didn’t understand what was happening. Hopefully when I get to the JavaScript stuff it will make more sense.

I know we kind of have the tendency to view and not comment, but please, I don’t get much feedback and that really hurts in trying to get better. So, please, if you click the link and check out my Tech page, please come back and comment. I would really appreciate it. Honestly.

PS - I didn’t copy any code or look at any code from Bootstrap or the FCC sample. This was all by me and duckduckgo searches.


#2

I was checking my sites out on my iPad and iPhone when I encountered a couple of interesting issues. First, the scrolling was horrible. Slow and jerky. I found a fix online for that. It was adding a webkit touch attribute. But the other issue of my anchors not working I can’t figure out. From what I am seeing, its just an iOS problem, but there has to be a fix. I mean, how could Apple not allow anchors to work properly? That just seems crazy to me. At the same time, I CANNOT find any solution.

Does anyone have an idea on how to fix this?


#3

Hi,
You passed all test but 1.
I think if you place your nav on the left, and shrink the space taken through media query that you should be able to see the nav even on smaller screens.

I’m still working on this project myself, so …


#4

Thanks for coming and commenting… What browser are you using? When I use Safari it is 15/16 but when I use Chrome, it’s 16/16. So I just ignored the fail from Safari. But if you are using a different browser then I’d like to know.

And the nav moves to the top at a certain point when the screen gets smaller, just like the example they provided.


#5

I’m using Chrome.
How strange, it passed this time.

I’m sorry.

Anyway, good work on this one. Especially about Bootstrap without Bootstrap :blush:


#6

Thanks and no worries. Thats why we help each other and provide feedback. So we can check things out. It was good for me to verify in Chrome because I did mess around with it last night and wouldn’t have been shocked to find out I messed something up to cause it to fail. Let me know when yours is done. I will return the favor.


#7

Thank you. I have a couple of more changes to make, but then I will ping you and ask for feedback.


#8

Good job!:+1::+1: I think it was a brilliant idea to follow an existing documentation. Here is a simple example I have created for understanding scrollspy in bootstrap.
https://codepen.io/ridafatima15h1/pen/qYPjpp?editors=1000
hope this will help.
Other than that you can also work on adding twitter/GitHub/slack icons in your navbar as well collapse button to top navbar for small screen devices. I did not find any bug as such. Passed all the tests on edge and chrome.


#9

Thanks! Originally, I was going to do Flex and Grid from CSS, things that I sometimes struggle with remembering all the variables, but then I thought, why not just try to reproduce BootStrap since it uses Flexbox. I will check out your scrollspy!