@lazydroide
Latest solutions
Bento Grid Solution
Submitted 6 months agoI am open to reviews, and would love to know things I have done wrong and how can improve my code. Thanks!
Latest comments
- @arsh-de
The design is good and JS works perfectly without any bug and error. But trying keeping the main container in the center and also there is no 20% in solution and 50% is missing because of it. Otherwise the solution is well done. Keep coding!
- @AndresLamar@arsh-de
Hello, I am not an expert, however; the design and logic works, the values are changed according to the buttons. My only advice would be to increase the size of everything after vw:1024px. Other than that it looks good.
- @kozel159What are you most proud of, and what would you do differently next time?
I proud that I managed to finish it, but the organization is horrible
What challenges did you encounter, and how did you overcome them?layering of divs and js
What specific areas of your project would you like help with?is the js good or what could be better?
@arsh-deHello @kozel159, I would like to say you did a much better job at the design than me and it's a prefect match. I am not an expert but, the JS also look good to me. Keep on coding @kozel159.
- P@innitmanWhat are you most proud of, and what would you do differently next time?
The non-JS basic CSS is getting easier.
What challenges did you encounter, and how did you overcome them?However, when making the button clickable, I found it hard to organise the CSS appropriately. In particular:
-
Defining a class to toggle on for the desktop version that I imagine would be a positioned element centred on the button and displaced up by some pixels
-
Defining a class to toggle on for the mobile version to make the social shares on the bottom of the footer. I struggled to find an efficient way, and in particular whether the button should be positioned above everything and the new footer class toggle on / off, or another approach.
Any best practices for the CSS for making the green share div float above the button in desktop mode, but without introducing a complex series of positioned elements that would break the mobile view!
@arsh-deThe design looks very good and is natural, however; I was unable to view the website page can you make sure the live website URL is correct.
-
- P@Sharky83What are you most proud of, and what would you do differently next time?
finally finished it, took most of the day!
What challenges did you encounter, and how did you overcome them?having to read a lot more about grid, and then focusing on responsiveness after.
What specific areas of your project would you like help with?comments welcome
@arsh-deI have to say it you did a better job than I did, the design is neatly done and I also struggled with Grid .
- @GabrielNP96What are you most proud of, and what would you do differently next time?
I am proud to have completed this project, and I really liked the outcome and how much I learned while doing it. Next time, I will study positioning with grid layout more thoroughly.
What challenges did you encounter, and how did you overcome them?Initially, I had a lot of difficulty with CSS Grid, but I found a developer named Fernanda Kipper on YouTube who provided a detailed explanation on how to use Grid effectively.
What specific areas of your project would you like help with?I would like to learn more about positioning elements with CSS Grid. In this project, I used margin for some elements, but I think it's not the ideal approach.
@arsh-deThere are a few design changes that are needed to be made. The background color, headings size, more space between text and heading, and few more changes to the cards. Otherwise the code looks good.
