Skip to content
OverviewSolutions
19
Comments
7

dcubic

@dcubic330 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!

Latest solutions

View more solutions

Latest comments

  • Shaun Pour•630
    @ShaunPour
    What are you most proud of, and what would you do differently next time?

    That I used Grid correctly for once. I didn't have a lot of experience with grid at the time (and arguably still don't) so this was a nice experiment in the use of grid for me.

    What challenges did you encounter, and how did you overcome them?

    Figuring out how to use grid with some of the more creative shifts accompanying certain screen sizes.

    What specific areas of your project would you like help with?

    I still feel like I don't really understand grid that well so maybe help with feeling less inept at "grid-ing".

    Mobile First Testimonials Grid Section

    1
    dcubic•330
    @dcubic

    Looks good to me

  • AhmedMSalah87•110
    @AhmedMSalah87
    What are you most proud of, and what would you do differently next time?

    usign sass and learning how to use responsive grid

    What challenges did you encounter, and how did you overcome them?

    responsive grid

    What specific areas of your project would you like help with?

    sass and responsive grid

    Responsive feature section using grid and Sass

    1
    dcubic•330
    @dcubic

    I like how you did the middle transition state between the two layouts

  • Anton Vasilache•580
    @Antonvasilache
    What are you most proud of, and what would you do differently next time?
    • Use of grid to create the layout, which lead to writing less code
    • Using linear-gradient to create the active state, based on the green color from the style guide
    • Would pay more attention to centering the content, to avoid reworks
    What challenges did you encounter, and how did you overcome them?
    • Replacing the image on breakpoint, for mobile devices - couldn't make use of the `` tag, so I added both images into the html tree and toggled the display: none property as needed.
    • Not having a darker shade of green in the style guide, for the active state - I used a linear gradient to achieve the effect:
    .content-btn:active,
.content-btn:hover,
.content-btn:focus {
  cursor: pointer;
  background-image: linear-gradient(
    to bottom,
    hsl(158, 36%, 37%) 0%,
    hsl(158, 36%, 17%) 0%
  );
}
    What specific areas of your project would you like help with?

    Not sure what else I need here. Maybe a more efficient way of replacing images on breakpoints.

    Product preview card using CSS Flex and Grid

    1
    dcubic•330
    @dcubic

    I like how systematic your class naming conventions are

  • dcubic•330
    @dcubic

    Looks good to me

  • Wespy07•180
    @Wespy07
    What are you most proud of, and what would you do differently next time?

    i did it without the figma file

    What challenges did you encounter, and how did you overcome them?

    color codes and font sizes, i decided them from my own

    What specific areas of your project would you like help with?

    i havent added any links, because i only focused on the look of it and i didn't have much time

    Social Links Profile

    1
    dcubic•330
    @dcubic

    You could use a colour inspection extension for your browser to copy the colour exactly without relying on the style guide

  • Enrique DC•80
    @TheEdaL06
    What are you most proud of, and what would you do differently next time?

    I am proud of how far I am progressing thanks to the platform. What I would do differently would be to try in the future to implement this project with some framework.

    What challenges did you encounter, and how did you overcome them?

    I have not encountered any difficulties in carrying out the project.

    What specific areas of your project would you like help with?

    I would like to know if inside a div container it is possible to add margins between all the objects that conform it. This is one of the questions that have been going around in my mind when making the project because the height of one object and another were the same.

    Blog preview card

    1
    dcubic•330
    @dcubic

    .

View more comments