Skip to content
OverviewSolutions
10
Comments
15

Vishal Pawar

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

View more solutions

Latest comments

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

    I'm happy with the result because I think it matches the design very well. What's more, it seems to me that the whole thing is responsive as it should be.

    I absolutely must take the time to analyse the layout before I start coding. I think I'm jumping into challenges too quickly and I'm not anticipating everything.

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

    Semantic tags. It's still not clear to me. Do you have to systematically put a ? Especially if there's no and ?

    I'm often happy with the visual result, but is my code correct? clean?

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

    If you can think of a better way of doing it, I'd love to hear from you.

    Stats preview card component

    1
    Vishal Pawar•200
    @vishalpawarR

    Open the GitHub and check how people are naming their repo name mostly abc-efg-xyz like this.

    Semantic tags have some specific meaning and they cant be used anywhere like header footer etc you can google and check them.

    I don't think there any issue in the coding style it is subject to personal preference and just name the class names in understandable way. Try using BEM methodology for naming convention of classes. website link: https://en.bem.info/methodology/

  • Camagu Ncoso•20
    @Camagu-Ncoso
    What are you most proud of, and what would you do differently next time?

    I need to practice more flexbox because I noticed that it is mostly there on projects. I am going to build more project on flexbox

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

    I encountered changes on aligning the container. I requested for help from forums online

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

    media query.

    QR Code Component

    2
    Vishal Pawar•200
    @vishalpawarR

    Nice work! Use the media query from chatgpt for the screen sizes and make little changes here and there if needed

    Marked as helpful
  • Carisa Elam•100
    @carisaelam
    What are you most proud of, and what would you do differently next time?

    Took less time than I thought it would.

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

    Getting the dimension right based just on looking at the JPEG's was a challenge.

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

    I'm still a little rusty on basics like the best way to center things in a div and to keep an image or an element from expanding beyond the bounds of its container.

    Blog card

    2
    Vishal Pawar•200
    @vishalpawarR

    add semantic HTML and You don't need to create a pixel perfect design if it is looking nearly close with bare eyes then it is fine!

  • P
    Tom•150
    @BomberQLF
    What are you most proud of, and what would you do differently next time?

    I'm proud of the fact I managed to find how to adjust vertically my card because I couldn't find a way to do it without ruining the position of my texts.

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

    /

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

    I would like to practice more FLEX ( flex-direction ) But also everything about displays because I saw how important it was

    HTML / CSS Flex

    2
    Vishal Pawar•200
    @vishalpawarR

    Nice work! I dont think you needed to use any flex or flex direction in this project! Normal html would have worked fine in this!

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

    I am pround of not giving up

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

    change from mobile to desktop, I had some challenges in change the image and from display block to display grid

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

    Helping in understanding better display block, display flex and display grid

    CSS GRID - Responsive website

    2
    Vishal Pawar•200
    @vishalpawarR

    Display block takes the full width of the container like p, div, main etc tags.

    Display inline take whatever space it needs not full space like span, anchor, img etc tags

    Display flex and grid are mostly used in responsive layouting

    Display flex is used for creating 1 dimensional layout

    Display grid is used for 2 dimensions layout

    Marked as helpful
  • Vishal Pawar•200
    @vishalpawarR

    Hey! Good work!

    One issue is that for opening the accordion I need to click on the arrow but can you please make it to open on the full text. This will make it really easy to access it!

    Marked as helpful
View more comments