Skip to content
OverviewSolutions
8
Comments
10

WajahatAli130

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

  • Submitted 13 days ago

    Article preview component

    • HTML
    • CSS
    • JS
    1

    I still don't know how to make the desktop active state and how to make that inverted triangle at the bottom of the share box in the desktop version. Also the share button looks a bit odd, I couldn't shape it into a perfect circle even though I set the radius to 50%? And how do I center the arrow icon within the circle?

  • Submitted 15 days ago

    Testimonials grid section

    • HTML
    • CSS
    1

    How to make it responsive

  • Submitted 4 months ago

    Responsive Four Card Feature Section

    • HTML
    • CSS
    3

    I very happy with the mobile site but with the desktop site I have not managed to make it look just like the design. How do I bring the central 2 cards closer together? I have tried adding more rows and adjusting their star and end rows but it did not work.

  • Submitted 4 months ago

    Responsive product preview card

    • HTML
    • CSS
    1

    I'm still not satisfied with the desktop version. The image doesn't cover the whole area that it should and I don't know how to fix this. I also feel like my code is too messy.

  • Submitted 4 months ago

    Recipe page using HTML tags and containers

    • HTML
    • CSS
    2

    How do I add lines between the rows of the table? And how do I get rid of the white border around the beige background?

  • Submitted 4 months ago

    Social Links using CSS Hover

    • HTML
    • CSS
    2

    How am I supposed to change the color of the cursor on hover. I tried searching online but apparently there is now way. Closest thing would be to link an image as the background of the cursor.

View more solutions

Latest comments

  • P
    Ralph Angelo Gonzaga•130
    @codejerooSubmitted 14 days ago
    What are you most proud of, and what would you do differently next time?

    I was able to utilize the position property of css as well as adding event listeners with javascript.

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

    It was hard for me to add transitions as well as to position but I was able to pull it off by watching youtube videos.

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

    Honestly my solution is not that good, I would love to hear tips how can I improve it. Thank you!

    Article Preview with popup modal

    1
    P
    WajahatAli130•90
    @WajahatAli130Posted 13 days ago

    Excellent! It looks exactly like the example

    0
  • P
    WajahatAli130•90
    @WajahatAli130Posted 15 days ago

    Excellent! You managed to make it responsive. Amazing work. Keep it up!

    0
  • calvinvin•730
    @calvinvinSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Practiced and more confident using grid layout.

    Four card feature section

    1
    P
    WajahatAli130•90
    @WajahatAli130Posted 4 months ago

    Wonderful! Looks exactly like the example.

    1
  • P
    Jeronimo Palacios•280
    @giropa832Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Using a mobile first approach helped find my way into a more smooth code and page structure

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

    The main challenge was using CSS Grid to split the layout in thirds and having the first and the last occupy two rows. As soon as I found the row: 1 / span 2, it was solved.

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

    Is CSS Grid the right approach here?

    Can it be done with Flex?

    Four cards feature using CSS Grid

    2
    P
    WajahatAli130•90
    @WajahatAli130Posted 4 months ago

    Code link not working

    0
  • P
    WajahatAli130•90
    @WajahatAli130Posted 4 months ago

    Wonderful! Looks just like the example. Code is also concise. Great work overall

    1
  • Hendrixx•430
    @BeeAlmightySubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?
    • I made adjustments from my last corrections from feedback from users.
    • I really paid attention and spent time working on the responsiveness of my page.
    What challenges did you encounter, and how did you overcome them?
    • Along the way, i was required to style my ordered-list and i had no idea, so i hoped on stack overflow and queried the community, luckily for me, it was a question asked by a previous user and i found my answer.
    • I was finding it quite tasking to fit into the responsiveness of my page to tend to all screen sizes from 320px to 1440px but it was sorted out with time.
    What specific areas of your project would you like help with?
    • I'd like feedback on the neatness and conciseness of my code. Yes, the code worked but i'd like for it to be scrutinized and hopefully a helpful feedback emerges.
    • I'd also like alternative and even better ways i could have gone about writing code on anything.

    Recipe page using CSS and mobile-first workflow.

    1
    P
    WajahatAli130•90
    @WajahatAli130Posted 4 months ago

    Amazing! The font weight for the titles should be a tiny bit smaller but still great work.

    0
View more comments