Skip to content
OverviewSolutions
6
Comments
2
Elena Martinez
@nenamartinez

All comments

  • Elena Martinez•80
    @nenamartinezSubmitted about 3 years ago

    My first premium challenge! Here are the two things I would really like help with:

    1. The background-image properties and responsive design-- how can I make it look right? I will be looking at other people's solutions to try and figure it out but feedback here would be great too.

    2. The number lollipops. I managed to do it by using a 'before' pseudo-element and a vertical bar special character, but it doesn't look the same as the design. (Too thick, short). How to accomplish this?

    Thanks all!

    Responsive landing page using HTML/CSS and also grid, flexbox

    2
    Elena Martinez•80
    @nenamartinezPosted about 3 years ago

    That's much easier than what I did, for some reason it didn't occur to me to just set a size and background! Thank you so much, I'll be fixing the code! Thanks!!

    0
  • Elena Martinez•80
    @nenamartinezPosted about 3 years ago

    Hi there! I'm more experienced as a designer than coder so I'll be focusing on that in my feedback.

    -Spacing issues. There should be more space under the paragraph and more space between the "proceed to payment" button and 'cancel order' part. Also, the spacing inside the "annual plan" box is not right. The music icon should be more left, 'annual plan' info as well, and the 'change' should be more to the right.

    -Overall sizing. Because the vertical spacing above isn't enough, the card looks too wide compared to the design.

    -Color issues. The heading text should be dark blue, not black. The 'annual plan' text should be bold and dark blue, also.

    -No hover state. The design is supposed to have hover states on the 'Proceed to payment' button and the other links. I don't see any hover state change on the site preview. 'Cancel order' doesn't seem to be a link.

    Also, I cannot view your code with the link above. The link seems to be broken. If you want to get more feedback on the code specifics, please try to fix the link so your code will be visible to everyone. Keep on coding! I'm new to it all, too.

    Marked as helpful
    1