Wikipedia Viewer Assistance Needed

Wikipedia Viewer Assistance Needed
0

#1

So I have figured out how to make the Wikipedia viewer function work. But when I do a search all my entries fill up the page and I can no longer see the search bar or the first few of the entries and I honestly have no idea why. I can scroll and see some of the entries but I can not scroll back to the top.

CodePen - https://codepen.io/tchbell/full/eGZaZa/

Thank you


#2

Hey, that would be because of the absolute positioning and translate; when there’s much more content, the search-box and title will be pushed offscreen.

If you want to have the search-box centered, use flexbox. In your case, you would just need to remove any style given to the .inside div and style the .main div like so:

.main {
  display:flex;
  min-height:100vh;
  align-items:center;
}

#3

Life saver!!! Muchas gracias!!!