Skip to content
OverviewSolutions
9
Comments
6
Fafel
@Fafell

All comments

  • Apharaohh•70
    @ApharaohhSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I was super proud of being able to use the css grid the first time. It worked really well for me.

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

    I came into two different challenges. One was putting the text next to the image. Two was fixing the indentations in the code so that the tags closed at the right areas. That created such a headache for me. The first issue was resolved using stack overflow.

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

    I want to reduce the amount of unnecessary code.

    CSS Grid Attempt

    1
    Fafel•140
    @FafellPosted 8 months ago
    • You can set the maximum width of the grid container then the content will not expand so much.
    • There is also a missing SVG as the background element in the purple card.
    • Also add a media query to change the grid and adapt it to different screen sizes. Apart from that your project looks great!!!! Keep practicing ;D
    Marked as helpful
    0
  • Sipan Ahmad•160
    @sipanahmadSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud i did it in short time and i wanna try in the next time make the project with new technologies and short time.

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

    I like the design and it's learning us how to manipulate with the layout.

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

    I'd like learn more about layout and how many columns we can make in the same row.

    The Four card feature section challenge

    1
    Fafel•140
    @FafellPosted 8 months ago

    your solution looks great!

    0
  • Alberto Valenzuela•150
    @AlbertoVaMaSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Im the most proud of the knowledge of css grid and size the items inside the container.

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

    The most challenging was the image, i cant adjust to my container and let it that way buy im trying to improve my skills

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

    With the CSS GRID AND CSS FLEX

    Responsive CSS GRID

    1
    Fafel•140
    @FafellPosted 8 months ago

    The project looks solid, at the beginning I recommend setting "overflow: hidden;" for a container with a white background, this will allow you to round the edges with the photo. I send you interesting websites with information on how to do it: https://www.w3schools.com/css/css3_images.asp https://kinsta.com/blog/css-image-styling/

    Marked as helpful
    0
  • lstrbvry•100
    @lstrbvrySubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I would use separate folders for the CSS just to make it more readable.

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

    Centering the dot inside the list. Instead of using the list markers I used HTML entity and flexed centered them.

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

    Tips and suggestions are welcome

    Recipe Page, Grid, Flex

    1
    Fafel•140
    @FafellPosted 8 months ago

    Your solution looks great!!

    You can always try to achieve perfection, the bottom padding in the main container can be slightly smaller, and the "gray line" under the line with fat should be invisible. The rest is perfect!! Good job, keep going!!

    1
  • Amna Nasir•80
    @amna1526Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    It was an easy challenge, I think I did well

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

    Nothing was difficult for me in this one

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

    The picture in my live site isn't loading for me, while in VS code, it is loading just fine, is it being loaded for the viewers?

    Social Links Profile

    2
    Fafel•140
    @FafellPosted 8 months ago

    unfortunately we don't see the picture

    1
  • tucecifci•150
    @tucecifciSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    If I were to redo this project, I could build the responsive design using Bootstrap instead of media queries. And the thing I'm most proud of about this project is finishing it in a short amount of time.

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

    I faced challenges with responsive design, but I overcame them by working with media queries.

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

    Best practice of responsive design

    HTML5, CSS3, Responsive Design, Media Queries

    1
    Fafel•140
    @FafellPosted 8 months ago

    your solution looks great, keep going!

    0