Skip to content
OverviewSolutions
8
Comments
9
Mohammed Rashafi
@RASHAFi00

All comments

  • Rui-Martins23•190
    @Rui-Martins23Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Happy to get the final outcome similar to the challenge solution, as the social-icons box was quite a challenge at the beginning. Also proud to understand the very basics of Javascript.

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

    Using css position (relative and absolute) in this challenge proved to be a must-have skill for future projects. It was quite difficult at first, but after consulting MDN Developor Docs and read the documentation got to reach the desired outcome. Despite that, still need to keep practising.

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

    Curious to know other ways of achieving the style and position of the social-icons box. Felt that my use of CSS position properties wasn't the most effective. Didn't feel 100% happy about it...

    Article-Preview Solution using Javascript

    1
    Mohammed Rashafi•110
    @RASHAFi00Posted about 1 month ago

    great job building as close to the design as possible, it's also great how you use few css lines to represent a valid working styles.

    0
  • Ahmad Wafa•80
    @Ahmad-WafaSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of myself for doing the project in such a short time .

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

    I was not able to center the page well in the middle, so I chose to center it by Flex .

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

    some examples how can I middle the page .

    QR Code Landing Page

    1
    Mohammed Rashafi•110
    @RASHAFi00Posted about 1 month ago

    it's good to always follow the instructions and complete the task to be as close possible to the design desired, keep coding!

    Marked as helpful
    0
  • Joabe Pereira•120
    @PjoabeSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Im proud of finishing the challenge.

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

    i've had some troubles with css grid.

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

    CSS grid.

    Responsive webpage using css flexbox and grid.

    1
    Mohammed Rashafi•110
    @RASHAFi00Posted about 2 months ago

    The Ability to build this website up and running with the responsive css grid design means that you can still improve your skills and learn the tricks of the css grid to ease the process, good responsive design, mostly matching design, Good Luck

    0
  • juan-mentor•290
    @juan-mentorSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    De las sombras que he colocado en las tarjetas.

    Nombraría desde el principio el display:card.

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

    La alineación vertical de las tarjetas de los extremos.

    No la pude superar, así que apliqué:

           .card--super {
            transform: translateY(-50%);
      }
    • Hice lo mismo con .card--calcu;
    What specific areas of your project would you like help with?

    Claramente en el de alineación vertical de los items.

    align-items: center

    • No funcionó. Quizás por
      • No dar una altura al contenedor padre
      • Un error al poner grid-template-areas: "supervi team calcu"
      •                                                                 `"supervi karma calcu";`

    Cualquier sugerencia o comentario es bienvenido... Un saludo.

    Sección de 4 tarjetas con algo de flex y Css grid (por fin)

    1
    Mohammed Rashafi•110
    @RASHAFi00Posted about 2 months ago

    It is clever how you use few media queries to do just the job, the lighter the faster. Also, your HTML tree looks clean and well built

    0
  • MiksDev04•250
    @MiksDev04Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    It is exciting to think of a solution that is gradually becoming more challenging. I am proud that I can keep up with the pacing.

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

    Nothing in particular. But if I say that I have a hard time it is always the spacing of elements. The goal is to copy the original design so I keep on looking on it every time I make changes.

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

    nothing as of now.

    Product Preview Card

    1
    Mohammed Rashafi•110
    @RASHAFi00Posted 3 months ago

    It is great how the code is short yet does the job, totally understandable and expandable, and very precise design

    0
  • MiksDev04•250
    @MiksDev04Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I created this recipe though I copied the original design. Still I hope to make more of my own solution in the future.

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

    Probably the spacing using gap and padding but other than that nothing more. I tried many sizes of elements and tried countless values to assure that my solution is not far from the original deisgn.

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

    nothing as of now

    Recipe Page

    1
    Mohammed Rashafi•110
    @RASHAFi00Posted 3 months ago

    Great work and 100% close to the desired design, also the code is clean and understandable

    0
  • MiksDev04•250
    @MiksDev04Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I manage to finish this design faster than the previous designs.

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

    I didn't encounter any challenges.

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

    Nothing as of now.

    Social Link Profile

    1
    Mohammed Rashafi•110
    @RASHAFi00Posted 3 months ago

    it's good how the design and the size also are mostly the same as the main design, and it's also a good idea to ad a taste of your own style to the projects you build, great work and good luck

    0
  • MiksDev04•250
    @MiksDev04Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am glad that my solution design it not that far from the original

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

    The spacing between elements is my main problem and I don't know if I followed the proper design correctly.

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

    nothing as of now

    blog-preview-card

    1
    Mohammed Rashafi•110
    @RASHAFi00Posted 3 months ago

    it is good how everything is clean and effective, and spacing is well-built

    0
  • Mohammed Rashafi•110
    @RASHAFi00Posted 3 months ago

    the way specific containers must be positioned is something important to help people viewing the page understand and see clearly the goal of the website without going out of the casual way, some containers are usually positioned in the centre of the page, others are placed in the bottom and so, but always make sure that the heart of the website/page is placed in the centre.

    0