Skip to content
OverviewSolutions
2
Comments
7

Cyril

@cyrilsourceGeneve125 points

UI designer, intégrateur web, webdesigner aime le soleil et la mer...

Latest solutions

Latest comments

  • Cyril•125
    @cyrilsource

    Hello Wilmer

    Very good job.

    When you create a new todo, is better to clear the input field After tareas.value.push(tarea) you can write this.texto = ''

    cheers,

  • Cyril•125
    @cyrilsource

    Hello Warbaddy

    The design is nice but, it's not dynamic. The purpose of the challenge is using javascript. You must move the input range and change the product and the price.

    good luck !

  • Cyril•125
    @cyrilsource

    Hello Davi,

    Good job ! Congratulations !

    for the input range in chrome, you must use css linear-gradient and javascript
    on codepen good luck !

  • Cyril•125
    @cyrilsource

    Hello Akinkunmi,

    Good job ! Congratulations !

    Just a mistake with the discount: in your case, you have a 75% discount

    for the input range in chrome, you must use css linear-gradient and javascript an example on codepen

    good luck !

  • Cyril•125
    @cyrilsource

    Respect ! good job !

  • Cyril•125
    @cyrilsource

    Hello Kacper

    I don't really know React js. I used Vue js for the exercie but my css for the checkboxes circles [All my code here] (https://github.com/cyrilsource/Frontend-Mentor-Todo-app) and the results

    cheers

    .circle {
  width: 25px;
  height: 25px;
  position: relative;
  margin-right: 1rem;
  border-radius: 50%;
  background: linear-gradient(120deg, #57ddff, #c058f3);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.circle.sun:after {
  border: 1px solid #d2d3db;
  border-radius: inherit;
  background-color: #fafafa;
}
.circle.moon:after,
.circle.sun:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.circle.moon:after {
  border: 1px solid #4d5066;
  border-radius: inherit;
  background-color: #25273c;
}
.circle:hover.circle,
.circle:hover:after {
  border:
 1px solid transparent;
}
View more comments