BanDevLab• 50
@BanDevLab
Submitted
Igor
@For1207
All comments
- Igor• 230
@For1207
Posted
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.
0 - Samuel Johnson• 200
@JohnsonSamuel324
Submitted
Igor• 230@For1207
Posted
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.
1 - Sully Ruiz• 80
@SaulRuizR
Submitted
What did you find difficult while building the project? Place items in center Which areas of your code are you unsure of? design Do you have any questions about best practices? is better use a framework for work in a project or can i do it by a only code (html, css, js) and no framework
Igor• 230@For1207
Posted
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
0 - Igor• 230
@For1207
Submitted
Igor• 230@For1207
Posted
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!
0 - Jorge Sanchez• 220
@fcojsanchez55
Submitted
Igor• 230@For1207
Posted
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
1 - Nicolas Borego• 170
@NBorego
Submitted
Igor• 230@For1207
Posted
Hi Nicolas, great job, everything works!
I have a couple of notes regarding the interface:
- When you load the page, 3 is preselected. In the design file, nothing is preselected.
- 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.
0
