Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
7

Shafiq Ur Rehman

@srplantaPakistan80 points

Student

Latest solutions

  • Responsive layout by using css grid


    Shafiq Ur Rehman•80
    Submitted about 1 year ago

    Partitioning the css grid into different areas was somewhat difficult task.


    1 comment
  • Responsive design by mobile first css


    Shafiq Ur Rehman•80
    Submitted about 1 year ago

    Percentages/rems/ems and sections alignments is the most challenging job.


    1 comment
  • Product Preview Card by using mobile first approach


    Shafiq Ur Rehman•80
    Submitted about 1 year ago

    I would like to seek help from the community to know why some devices show mobile css design and some don't?


    1 comment
  • Responsive design by using media query


    Shafiq Ur Rehman•80
    Submitted about 1 year ago

    While I inspect my page, some devices don't switch to new media query. If any body can help/guide me, thanks in advance.


    1 comment
  • Responsive card by using flex box


    Shafiq Ur Rehman•80
    Submitted about 1 year ago

    This was a simple task so felt no specific difficulty.


    2 comments
  • Responsive design using media query & examining figma fie


    Shafiq Ur Rehman•80
    Submitted about 1 year ago

    Most of the task I achieved myself.


    1 comment
View more solutions

Latest comments

  • mvassari73•80
    @mvassari73
    Submitted about 1 year ago
    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
    Posted about 1 year ago

    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
    Submitted about 1 year ago
    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
    Posted about 1 year ago

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

  • Dirk-nl•30
    @Dirk-nl
    Submitted about 1 year ago
    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
    Posted about 1 year ago

    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.
  • P
    Shahbaaz Athhar•370
    @Shahbaaz92
    Submitted about 1 year ago

    Social Links Profile Main

    1
    Shafiq Ur Rehman•80
    @srplanta
    Posted about 1 year ago

    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
    Submitted about 1 year ago
    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
    Posted about 1 year ago

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

  • Riyad Dine•80
    @riyadDine
    Submitted about 1 year ago
    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
    Posted about 1 year ago

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

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub