P
@jasper2virtual
Latest solutions
Latest comments
- @DevXtianM
Great!
- @RegexRiddlerWhat are you most proud of, and what would you do differently next time?
Happy with the layout and enjoyed brushing up on SCSS. Next time I would stick to a naming convention.
What challenges did you encounter, and how did you overcome them?Creating the chevron underneath the share menu "bubble". I used the ::after pseudo element and styled it like this:
What specific areas of your project would you like help with?::after { content: ""; position: absolute; bottom: -11.8px; width: 0; height: 0; left: 50%; transform: translateX(-50%); border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #48556a; }Semantics, accessibility, readability.
@DevXtianMGreat Job brother!
- @Mirjax2000What are you most proud of, and what would you do differently next time?
I made it by flexbox. But i thing that there is a better way with Gridbox.
I have to open new branch in git and make it with Gridbox.
What challenges did you encounter, and how did you overcome them?Switching flexbox in breakpoints. I needed working with calculator and sort it out some percanteges. to be better dynamic and fluid.
What specific areas of your project would you like help with?Need focus on gridbox. But i like flexbox. damm.
@DevXtianMGreat Job! This video helps me a lot you can check it out 😊 Grid Css
- @MelissaZhuuWhat are you most proud of, and what would you do differently next time?
I'm proud that I found this challenge to be pretty easy and it allowed me to understand CSS Grid better.
What challenges did you encounter, and how did you overcome them?I encountered some challenges with styling the box shadow as many details weren't provided like the color and blur radius, but I just played around with the values till it looked right. It was also a bit challenging switching from flexbox to grid and understanding how both work.
What specific areas of your project would you like help with?After researching a bit on best practices, I assumed that the images used for this particular challenge were more decorative and I ended up having empty alt values for them. However, I was just wondering if others did the same or if I should still included some text that described the icons such as "lightbulb icon" or "magnifying glass with eye".
@DevXtianMGreat Job!
- P@juliusalbertoWhat are you most proud of, and what would you do differently next time?
I was most proud of creating a responsive design, both for desktop and mobile. It was hard at first, but I finally can do it (it's not that hard actually, it's tedious).
I also changed the picture using a js script so yeah that's pretty cool.
What challenges did you encounter, and how did you overcome them?The difference between desktop and mobile layout is pretty annoying as I'd have to configure the margin between elements manually. Furthermore, I use a set width and height for the mobile page so yeah... Should've make it moar responsive :)
What specific areas of your project would you like help with?Nooooo
@DevXtianMNice job!
- @35degreesWhat are you most proud of, and what would you do differently next time?
I planned the layout ahead of time, and took advantage of sections and Flexbox layout.
What challenges did you encounter, and how did you overcome them?Centering a div, image widths can be tricky. Learned how to style a table, still didn't do it perfectly.
@DevXtianMNice work!
Try this website might help you practice Flexbox Layout : Flexbox Froggy
