Skip to content
OverviewSolutions
10
Comments
11
Mohamed Ragheb
@mohamed-fm

All comments

  • Mohamed Ragheb•140
    @mohamed-fmPosted about 2 hours ago

    Good job, you got the dynamics right but I am sure you can improve the layout and the CSS a little bit, but you did amazing effort <3

    0
  • Kiara523•100
    @Kiara523Submitted 1 day ago
    What are you most proud of, and what would you do differently next time?

    I really liked to work with grid, it really helps with responsiveness.

    I played a little bit with media queries and thanks to relative units I only needed two breakpoint.

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

    Everything went pretty smoothly.

    I've loose a bit of time figuring out the color as they weren't all specified in the style-guide file, the Figma file helped and also the color picker from the devtool it's great.

    SVG is also something that I'm discovering. In this project I converted the SVG file in CSS (https://www.svgbackgrounds.com/tools/svg-to-css/) and use it as back-ground image, and then positioning it where it was suppose to be. I'd like to learn more about svg... any recommendation?

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

    I'd like to learn more about svg... any recommendation?

    Also please fill free to leave a feedback on the HTML and CSS code, organization, readability.

    Thanks😎

    testimonial grid section

    1
    Mohamed Ragheb•140
    @mohamed-fmPosted 1 day ago

    Amazing CSS skills, keep it going <3

    0
  • Abigail Figaro•80
    @abigailjulieSubmitted 1 day ago
    What are you most proud of, and what would you do differently next time?

    Took me forever to figure out how to adjust the first and third row along the center axis properly. Happy I finally did the readme. Time to update everything I've ever posted on Github.

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

    I was very close to giving up because of the section alignment. I guess you can't do it without flex.

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

    I want to minimize the use of media queries if I can. Even though the larger and mobile screen sizes work I'd like to get better at the in-between. As you make the window smaller, I'd like for the sections to adjust better. Please advise.

    Responsive Four Card Section

    2
    Mohamed Ragheb•140
    @mohamed-fmPosted 1 day ago

    You really did a good job , keep it this way <3

    0
  • Mohamed Ragheb•140
    @mohamed-fmPosted 1 day ago

    Wow! Amazing work!

    0
  • Mohamed Ragheb•140
    @mohamed-fmPosted 2 days ago

    amazing work!

    0
  • Mohamed Ragheb•140
    @mohamed-fmPosted 3 days ago

    amazing!

    0
  • Mohamed Ragheb•140
    @mohamed-fmPosted 4 days ago

    that looks good , thank you

    0
  • Tomislav Šuto•210
    @RetroApeSubmitted 4 days ago
    What are you most proud of, and what would you do differently next time?

    I don't like that the dekstop layout directly transitions to a mobile layout, but I currently don't know how I should transition between the two.

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

    Besides having to get a better understanding of grid, there was nothing else in this challenge that wasn't already done in previous challenges.

    Using grid to position layout

    1
    Mohamed Ragheb•140
    @mohamed-fmPosted 4 days ago

    perfect thank you

    0
  • Mohamed Ragheb•140
    @mohamed-fmPosted 4 days ago

    amazing work thanks

    0
  • Hazhir Naseri•180
    @hazhir00Submitted 26 days ago
    What are you most proud of, and what would you do differently next time?

    This is my first deployment, which makes me very happy. I can't think of anything to do differently next time.

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

    The biggest challenge was learning Git and deploying my project, which I overcame by watching a few YouTube videos and using Google searches.

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

    I am seeking advice and feedback to enhance my project and my code.

    QR Code Component Using HTML, CSS & Flexbox

    1
    Mohamed Ragheb•140
    @mohamed-fmPosted 4 days ago

    Amazing Work

    0
  • Asmaa Walid Hamid•120
    @asmaahamid02Submitted about 1 year ago

    Hello, here is Asmaa

    • I started this challenge with structuring the html file. I wen with radio buttons for the rating buttons. Does this the optimal approach?

    • I used some animation to add feel to the card when the thank you page appears. I used flipping animation, so does it look good from user experience perspective?

    • I got stuck every time when it comes to mobile size. I am using min/max width for the main container and the body. Do you recommend this approach or is there anything better? I feel like on very small screen the scrolling does not reach the end of the card borders and some of the content gone. What is the best practice to avoid this?

    • I got confused when it comes to how to know the rate that the user has chosen so I decided to add a value to the radio buttons and check which one is checked and activate the previous ones as well. Give me your opinion about that, is my solution optimal and right?

    I really appreciate every single feedback to enhance my skills

    Interactive rating component [CSS - JS]

    1
    Mohamed Ragheb•140
    @mohamed-fmPosted about 1 year ago

    Hello, Asmaa. You did a Perfect job. You almost made it pixel-perfect. Try moving down the main container to make it better.

    1