Skip to content
OverviewSolutions
7
Comments
7
Shafiq Ur Rehman
@srplanta

All comments

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

    hello

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

    hello

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

    hello

    grid and flex

    1
    Shafiq Ur Rehman•80
    @srplanta

    You did great job bro but didn't used different colors for different cards and also didn't used proper images. Keep it up for a better try in future.

  • Talika Bajaj•670
    @Talika-Bajaj
    What are you most proud of, and what would you do differently next time?

    Aligning all the cards as shown in the design using CSS Grid Layout

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

    aligning the cards seemed difficult at first but I figured it out

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

    Ensuring website is responsive

    Four Card Feature Section

    1
    Shafiq Ur Rehman•80
    @srplanta

    Your design is more accurate than mine bro, keep it up.

  • Dirk-nl•30
    @Dirk-nl
    What are you most proud of, and what would you do differently next time?

    I am most proud of naming colors so that I can reuse them easily

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

    I encountered the challenge of horizontal rules in a table, however, I did overcome it reading about it on stack overflow

    Recipe page using tables and css color naming

    1
    Shafiq Ur Rehman•80
    @srplanta

    Bro keep it up & improve your coding skill by practicing more.

    1. Your all code should reside in <main> tag
    2. Try to use provided font in your code as your design is using default font.
    3. Try to implement media query as your code is lacking one.
  • Shafiq Ur Rehman•80
    @srplanta

    Keep it up Bro , your code overall looks good.

    1. Your code doesn't include semantic tags & media query.
    2. Use media query to make your design more responsive.
    3. To use fonts in your application, try to use fonts in your project not from online.
    4. Wrap your contents into different sections, header, body & footer etc.
  • Aske Lysgaard•50
    @Gaffen87
    What are you most proud of, and what would you do differently next time?

    I've learned to minimize my css the last 3 challenges

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

    getting the link buttons looking and acting correctly

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

    none

    Social links profile challenge

    1
    Shafiq Ur Rehman•80
    @srplanta

    Same thing happened to me. My solution height also looks less than design.

  • Riyad Dine•80
    @riyadDine
    What are you most proud of, and what would you do differently next time?

    Completing the challenge

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

    None for now

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

    None

    Blog preview card challenge

    1
    Shafiq Ur Rehman•80
    @srplanta

    You didn't added box border bro, add the same.

  • Shafiq Ur Rehman•80
    @srplanta
    1. Bro your code is far better than mine.
    2. Make page height 100% of your media screen size by using 100vh
    3. Instead of using pixels for your font size, use em & rem for better responsiveness.