Skip to content
OverviewSolutions
19
Comments
6

Igor

@For1207Florida, USA230 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

I’m currently learning...

Web Development

Latest solutions

View more solutions

Latest comments

  • Igor•230
    @For1207

    Hi BanDevLab, Good job! Please check your overlay behavior. Right now it appears only if you click on the area covered with the eye icon. If you click just outside of that area, nothing happens. The overlay stays off.

  • Igor•230
    @For1207

    Hi, Samuel, Please check your button styles. Unfortunately, I can't check on other devices right now, but on iPhone, the buttons’ vertical sizing has a serious issue.

  • Igor•230
    @For1207

    Hi, As for your last question, of course, you can do any project with HTML, CSS, and JS only. Using them without resorting to frameworks allows you to concentrate on understanding basic principles. Starting from basic and adding frameworks later, when you have some experience, give you the freedom of choice when you say to yourself, ‘It should be like this or that; let me try and check.’ Otherwise you will mechanically follow instructions or learned earlier techniques. Frameworks

    Marked as helpful
  • Igor•230
    @For1207

    Hello, While working on the project, I ran into a problem when trying to follow component sizes in the Figma design file, the proportion between components in the browser looks different. The component sizes in my CSS file are very close to the Figma ones. I couldn't find the reason for this behavior, so I used Figma's dimensions to create a picture in Photoshop. The proportions in Photoshop and in the CSS file are very similar. I can't attach the pictures to this message, so below is a link to the folder with a short video of Figma dimensions and Photoshop picture:

    https://drive.google.com/drive/folders/1rI0qTzxAD8FZcVZnsFFbUzlGTtXuwUok?usp=drive_link

    Thank you!

  • Igor•230
    @For1207

    Hi Jorge, It looks like you have a couple of bugs in your implementation:

    • if you click on the buttons one after another, you can make all of them orange. It looks like you can select all buttons simultaneously.
    • If you click very close to the buttons, the whole div which contains buttons becomes orange.
    Marked as helpful
  • Igor•230
    @For1207

    Hi Nicolas, great job, everything works!

    I have a couple of notes regarding the interface:

    1. When you load the page, 3 is preselected. In the design file, nothing is preselected.
    2. As I understand the active-states.jpg:
    • When we hover over the buttons, they must change the background to orange and the font's color to white. In your case, the background becomes light gray, and the font's color stays light grey.
    • When we choose and click, the element's background must change to light grey, and the font's color must change to white. In your case, it is orange and black, respectively.