I have almost finished the Wikipedia Viewer challenge, but there are three sticky things I can’t figure out. Hoping someone could give me some pointers.
First of all, here is the site:
The search results are displayed in
<div id="display-articles"></div>, but this division does not vertically align with the row above it. There is a small space on the left and right side. I’ve looked up DevTools and played around with the margins, but nothing is working.
I thought that by putting this in a container and then a row, the design would be responsive. However, when I minimize the window, the “Random Article” section gets kicked out of the red background.
I want to slide down the
<div id="display-articles"></div>, so that the articles appear in a sliding motion. My code
$("#display-articles").html(displayData).slideDown("slow");obviously doesn’t work, but DevTools doesn’t show me anything that might suggest where the error is.
Thanks in advance!