Skip to content
OverviewSolutions
4
Comments
4
P
newspaceracer
@newspaceracer

All comments

  • RoxySash•70
    @RoxySashSubmitted 2 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I stuck it through and completed the challenge. The table at the bottom was fun to figure out.

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

    I encountered a problem with my Github pages I couldn't load the website but I found out I had a folder within a folder type situation Github wasn't able to find my index.html file. It was cool that I figured that out immediately.

    What specific areas of your project would you like help with?
    • I am still learning but I will continue to do other challenges.

    Recipe Main CSS

    1
    newspaceracer•60
    @newspaceracerPosted 1 day ago

    Looks great. I don't know that the responsiveness works but other than that it looks great. I was very interested to see how you dealt with the special styling of the lists and I see you used markers which I didn't think of using, seems more straightforward than what I did. I guess another thing is the original has some tricky margins from the new bullets/numbers so it's not flush with the rest of the text but indented (more trouble than it's worth) but if you want to practice that you may want to give it a shot and see if you can replicate it.

    0
  • newspaceracer•60
    @newspaceracerPosted 3 days ago

    I like how you approached the fonts. Adding the @font-face and then just adding the ones that you will use so you can just use font-family later saves some typing for sure. I was looking how to do that myself, so I resorted for the actually defining the weight on every font manually. Will likely do it the way you did it from now on!

    1
  • Shanxx191919•60
    @Shanxx191919Submitted 4 days ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of this project since I learned a lot with html and css.

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

    The sizing of the card and I had trouble putting the items inside the card.

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

    I need help with improving css since I write lots of code and I don't wanna waste time.

    Blog Preview

    1
    newspaceracer•60
    @newspaceracerPosted 4 days ago

    It looks neat. You forgot the border around the card but that's an easy fix: border: 1px solid black. The only main thing is it doesn't change when hover over. Hovering is not that bad basically you just write the element you want it to be reacted when hovered over and then inside the CSS declaration you add all the things that need to change including other elements.

    Example:

    card:hover{
box-shadow: #change in shadow#
p{
#change in the p elements within the card element#
}
}
    Marked as helpful
    0
  • newspaceracer•60
    @newspaceracerPosted 5 days ago

    Very clean and easy to follow implementation. I think you started adding the alt text but didn't actually add the value. The card is doesn't have the appropriate corner radius, and the paddings are too small, this can just be easily fixed by adding those attributed in the card.

    Some suggestions would be you don't have to add the .card img selector for the image in this case that way, since it's the only image you can just select the entire element img{} instead.

    The only other point is the text in the card have width and by setting a width you can get closer to the design because currently the text stretches too far to the sides within the card.

    But I'm mostly nitpicking. Your implementation was very clean.

    0