Skip to content
OverviewSolutions
7
Comments
7

gregjnr

@gregjnr100 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

  • coyoteshkw•150
    @coyoteshkw
    What challenges did you encounter, and how did you overcome them?

    use grid-column and grid-row creating complex layout. using pseudo class

    at first I use grid-template-columns: repeat(fit-content, minmax(255px, 1fr)); but when screen larger I must control grid item's position manually(some card was too big or to small for one row height)

    This actually messed me up, but I managed to come up with a layout that I was (barely) happy with.

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

    when screen > 400px and <1200px, sometimes the card will too height for adapting grid height, making space between card content too wide. And card avatar in one grid row different.

    I can use align-self:start control avatar but still weird.(space not be the same)

    maybe I could try container query on card font or card layout next time.

    Responsive testimonials grid section

    1
    gregjnr•100
    @gregjnr

    yes none yes yes not really

  • gregjnr•100
    @gregjnr

    yes none no yes no

  • LincolnBollschweiler•350
    @LincolnBollschweiler
    What challenges did you encounter, and how did you overcome them?

    The two font families provided did not respond to font-weight changes, either by 100 ... 900 or by normal, bold, bolder. So I deleted all css for font-weight.

    Other Challenges:

    • how to get border radius to show up in a flex or grid display
    • need to make the images served from background-image: url(...) from css so I could change them between mobile and desktop
    • the need to drop the images into a photo editor to get the dimensions required for aspect-ratio.

    CSS Grid colums auto-fill

    1
    gregjnr•100
    @gregjnr

    yes none yes yes not really

  • Moisés Alfaro•490
    @MoisesAlfar0o
    What are you most proud of, and what would you do differently next time?

    Well, I'm not that proud because I had some problems with this.Next time, I'll try to improve the sizing.

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

    The sizes, display and more.

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

    Display and sizes or margins

    Recipe-page

    1
    gregjnr•100
    @gregjnr

    yes yes, no yes yes no

  • P
    Xay•240
    @xayrax88
    What are you most proud of, and what would you do differently next time?

    I believe learning about the box model and using flex properly is important and am proud of thanks to many resources online to learn about this.

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

    Getting the positioning of the elements using CSS. By leveraging the tools available with CSS, it has aided me in my process for this project.

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

    Accessibility & responsive design is what I need to practice more of.

    HTML & CSS with flex box

    1
    gregjnr•100
    @gregjnr

    yes nothing i noticed yes yes no

  • gregjnr•100
    @gregjnr

    yes the size of the image avatar is larger compared to the design yes yes not really

    Marked as helpful
View more comments