To meet my AT Math coding requirements for the unit, I built a small webpage using basic html and css coding on codepen.io. The webpage includes a title, image, table, ordered and unordered lists, and a carousel of pictures.

    Putting in the elements of the webpage was not big of a challenge, but styling them to look nice with css coding was a challenge. At first, I styled the background light blue and made the title bold, purple, and aligned onto the center of the page. However, when I added the html coding for the carousel, the styling for the background and the title seemed to disappear. It seemed like the problem was either that the coding for carousel included tags that corresponded to the css coding, or that the coding for carousel had bootsrap, a shortcut for css, that messed with the css coding itself. To fix the problem, I used id tags for the title and body, and used css styling on those specific tags. This helped solve the problem.

    Another problem I came across was that I couldn’t get the lists to get aligned to the center. I was able to get the words of the list aligned, but the numbers and bullets itself didn’t seem to get aligned. To fix this problem, I put the lists into a div, and then aligned the div to the center, which solved my problem.