Skip to content
OverviewSolutions
4
Comments
4
Juanma Romero
@juanma-romero

All comments

  • stuartambient•50
    @stuartambientSubmitted over 2 years ago

    1- I'd like to know how having the figma or sketch files would help. Would those files provide font-sizes or other values like margins or padding ? I have no experience using either of the software but would consider if it helps making determination more precise then using the provided preview images.

    2- I considered using a HTMLFormElement for this component. Pretty sure in the past I used a hidden check box or radio group for something similar. After some consideration I used ul / li's instead, pretty simple without having to struggle with radio or checkbox styling. It's only one value gong to javascript anyway. Is there a preference or a standard in these situations ?

    Interactive rating component with css and javascript

    3
    Juanma Romero•110
    @juanma-romeroPosted over 2 years ago

    hi Stuart, nice work! 1 - You definitely have to try with Figma files, it helps you to be more accurate with all measurements. There is a challenge that everyone can access, it is advanced but you can explore how works the Figma file: https://www.frontendmentor.io/challenges/space-tourism-multipage-website-gRWj1URZ3

    2 - I used a form in my solution, it was a little complicated. For this simple task, it's better a simple solutions

    Marked as helpful
    1
  • Juanma Romero•110
    @juanma-romeroPosted over 2 years ago

    hi Husnain, great work! I will check your solution for the curvy image in the background. I struggled a lot with that and my solution isn't correct. I like the animation of elements when scrolling down The details I see in your work are that you forgot to change the state: * in hover for nav links and footer links, * the first call to action, and * the errors message when a user enters a wrong email format.

    Marked as helpful
    0
  • Terka Codes•40
    @terka-codesSubmitted over 2 years ago

    Is there any way to make the blur box shadow blur more? I see it in layers, but I want it to be a smoother transition. Here is the code I used for the CSS:

    box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1)

    Interactive rating component using Flexbox

    2
    Juanma Romero•110
    @juanma-romeroPosted over 2 years ago

    nice work Terka! This article from Mozilla helped me understand shadows in CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow .Firsts two values are for positioning shadow, the third for blur, and the fourth for spread

    1
  • Juanma Romero•110
    @juanma-romeroPosted over 2 years ago

    Hi Eurus. Nice work! The only problem I see is when a user clicks on a rating button, it doesn't stay selected. I think you've to provide feedback to users that the page registered a selection. Besides that, everything is fine

    Marked as helpful
    0