All solutions

What are you most proud of, and what would you do differently next time?

I found the trick for generating wireframes around sections, which helped with my alignment and spacing issues. I also figured out how to use the :not() and :last-child selectors, so that I could use border-bottom to make lines between items in a table without one showing up on the bottom.

What challenges did you encounter, and how did you overcome them?

The markers (bullets and numbers in lists) were particularly tricky, both with the spacing and their coloring, sizing, and weight. During this course, I learned about ::marker, as well as the use of margin-left and padding-left to place the bullet and the associated text block respectively.

What specific areas of your project would you like help with?

Nothing at the moment; I'm pretty satisfied with the results.

What are you most proud of, and what would you do differently next time?

At this point, there's not really anything I am proud of, per se. I'm satisfied that I'm learning my way around CSS, and am able to write HTML to make the most of it.

What challenges did you encounter, and how did you overcome them?

The main challenges I'm having is the fact that the attribution section is throwing off the size and positioning of the main window, since it pushes the main window up, throwing off the alignment between the page and the design screenshot. I had to add margins and padding for the top and bottom of the main area to bring it close to the original size.

Also, lining up the sides is a tricky thing, since I'm attempting to use em values instead of straight pixels. In this case, there's really no solution per se, just constant adjustment until the sides are close enough to make the difference subtle.

What specific areas of your project would you like help with?

I'm not sure how to line up the box sizes exactly without using non-responsive elements such as pixels, as well as adding margin and padding to everything in different amounts; this seems like a poor idea at best, and a nightmare to troubleshoot later.

What are you most proud of, and what would you do differently next time?

I'm getting the hang of writing the HTML so that the flexboxes can be configured for correct spacing. I am also using *, and :root for items I expect to exist throughout the document, as well as @font-face to add the custom fonts.

What challenges did you encounter, and how did you overcome them?

The big challenge is still getting the hang of using Flexboxes so that there are containers in which to position page elements; I'm still bumping into too many cases where I forget to add a container, and then wonder why an element won't center (vertically or horizontally).

I'd like to say I had an aha moment, but at this time, it's just good, old-fashioned practice, practice, practice!

What specific areas of your project would you like help with?

At the moment, it's too early to ask for help; I'm not yet out where there are difficult challenges, just silly stuff that I know the answers to, if I just step back and look for a minute.

What are you most proud of, and what would you do differently next time?

My primary point of pride was simply getting this made, submitted to GitLab, and then deployed to my own website subdomain.

What challenges did you encounter, and how did you overcome them?

Not really much of a challenge coding-wise, but the largest part of the challenge was setting up the CI/CD using my GitLab repository to upload via FTPS to my shared hosting provider. I had to do some learning on docker, GitLab's CI/CD system, as well as the lftp program, which is what allowed me to make the deployment automatic.

What specific areas of your project would you like help with?

I've covered all the parts I can think of, but now it's just a matter of practice, practice, practice!