Skip to content
OverviewSolutions
21
Comments
8
Franklynx chill
@franklynxchill

All comments

  • Franklynx chill•330
    @franklynxchillPosted 7 months ago

    Nice job. Happy coding

    1
  • Achara Chisom Solomon•490
    @AcharaChisomSolomonSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    First time trying out grid

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

    Have to learn how to adjust lengths smoothly

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

    Any tips on CSS clamp() would be welcome.

    Four card feature section with flexbox and CSS grid.

    1
    Franklynx chill•330
    @franklynxchillPosted 7 months ago

    Nice work keep it up. Happy coding!!!

    0
  • hogibpro98•70
    @hogibpro98Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Use can change bg image with each other sreem: 375 and more https://www.w3schools.com/cssref/pr_background-image.php

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

    no encounter

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

    I understand how to use text-decoration https://www.w3schools.com/cssref/pr_text_text-decoration.php

    Respomse css

    2
    Franklynx chill•330
    @franklynxchillPosted 7 months ago

    Hi, the live site URL you uploaded is not for the product preview card. Do well to upload the right one. Happy coding!!!

    0
  • Ryan King•40
    @MsftKingSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I was able to do this with the use of documentation and revisiting old projects that I put together while learning HTML and CSS.

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

    I did struggle with labeling and where to separate the divs but as I began to edit and work with the project, I was able to determine the best places to separate the project in order to get the final result.

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

    If anyone can give me tips on how to better label and style the background of a specific div (i.e how to get that mauve pink border to look more appealing) I would really appreciate it.

    Recipe Landing Page

    1
    Franklynx chill•330
    @franklynxchillPosted 7 months ago

    For the table, you can style the element td which puts the color of the table value, adjust the paragraph front size to suit the design and finally work on the mobile responsiveness of your work. You tried but you can do more better. Happy coding....

    Marked as helpful
    0
  • Franklynx chill•330
    @franklynxchillPosted 7 months ago

    Nice work! Happy coding

    Marked as helpful
    1
  • Franklynx chill•330
    @franklynxchillPosted 7 months ago

    The card image top has all side border radius like use border-radius: 12px;, In the active state there is a hover change in the card. These is box-shadow effect when hovering on the card. Like on the card box-shadow: 8px 10px 1px 1px var(--Black); and card:hover box-shadow: 12px 12px 1px 1px var(--Black); and finally the avatar image and the name text are align at the center. Nice work happy coding

    Marked as helpful
    0
  • Benson Domingo•20
    @bensondomingoSubmitted 8 months ago

    Hello, I'm new to Frontend Mentor and into Frontend in general. I'm not sure about the exact width and heigh sizes of the component as it was not indicated in the style guide.

    CSS Flexbox

    1
    Franklynx chill•330
    @franklynxchillPosted 8 months ago

    Nice work but it looks like you omitted to add alt to your work.

    1
  • Franklynx chill•330
    @franklynxchillPosted 11 months ago

    Not bad for your first attend, in the mobile screen try adding a top and bottom padding to your work. Happy coding!

    0