Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @daniyalmaster693

    Submitted

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

    I started by creating all the HTML elements and assigning them classes. I moved onto the CSS, and started by adding the background color to body. Next, I started to design the card, and spent some time experimenting with small details until I go the look I liked. I then moved to styling elements like text, and buttons. Then, I moved onto the Javascript. I used pseudo code to figure out how I was going to create a system to hide and show answers to questions. After encountering small bugs such as the heights being changed after deselecting answers, I got the look and functionally I wanted. Overall, this project helped me improve my problem solving skills, and allowed me to further improve my basic Javascript skills. Once I finished, I tested the website on multiple browsers, and used the built in device size emulation feature to view what the website would look like on different devices. My next steps, would be to spend more time thinking and writing things out instead of using trial and error to solve issues and bugs.

    @MathiasDWaterlaw

    Posted

    in the body if you set the min-height (not the height!) to 100vh you should fix the bug that prevents the page from expanding when opening each reply

    0
  • @DevonHughesCodes

    Submitted

    How would I get the main container directly in the center of the browser page on the top and bottom like the example?

    I'm open to any and all feedback. Thanks!

    @MathiasDWaterlaw

    Posted

    Great solution! if you want to center better the preview card you can add this to the css:

    body {
    display: flex;
    flex-direction: column; <- -otherwise the attribution section goes to the right-
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    }
    

    and then you need to delete the padding property on the body

    Marked as helpful

    1