Skip to content
OverviewSolutions
10
Comments
15
Vishal Pawar
@vishalpawarR

All comments

  • matbac85•600
    @matbac85Submitted 8 months ago
    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
    @vishalpawarRPosted 8 months ago

    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/

    0
  • Camagu Ncoso•20
    @Camagu-NcosoSubmitted 8 months ago
    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
    @vishalpawarRPosted 8 months ago

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

    Marked as helpful
    0
  • Carisa Elam•100
    @carisaelamSubmitted 8 months ago
    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
    @vishalpawarRPosted 8 months ago

    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!

    0
  • Tom•150
    @BomberQLFSubmitted 8 months ago
    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
    @vishalpawarRPosted 8 months ago

    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!

    0
  • Depaulaeduardo•90
    @DepaulaeduardoSubmitted 8 months ago
    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
    @vishalpawarRPosted 8 months ago

    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
    0
  • Vishal Pawar•200
    @vishalpawarRPosted 8 months ago

    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
    0
  • Mahendran-C•130
    @Mahendran-CSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I completed the challenge successfully.

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

    I used list-style-position: inside, to push the markers inside.

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

    I want learn media query.

    Responsive Recipe-page-main

    2
    Vishal Pawar•200
    @vishalpawarRPosted 8 months ago

    The best way to learn the media query is by building stuff and Google or ChatGPT and take the screen sizes of media query:

    Refer this article: https://fedmentor.dev/posts/responsive-meaning/ and also check Kevin powells video on YouTube!

    1
  • Vishal Pawar•200
    @vishalpawarRPosted 8 months ago

    Wow! Nice work it is so close to the design and pixel perfect!

    1
  • Nur Farah Omar•120
    @NF0marSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that i found Frontend Mentor. I was lack of practice and couldn't find any project to work on. I will Keep my hands dirty from now on and build projects with the help of Frontend Mentor.

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

    I got stack on styling the project which i always had problem with, and hated it too. I searched for solutions and didn't give up and at the end got it.

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

    I would like to get help with sizing the card.

    QR CODE

    2
    Vishal Pawar•200
    @vishalpawarRPosted 8 months ago

    Hey! Good work! I think if you keep the card size as 320px it will be good and on small screens remove the padding of 60px or reduce it.

    Don't use h1 in the card because this card will be part of a page and we should have a only one h1 in a page and use change it to h2 or h3 based on the preference.

    Marked as helpful
    1
  • Vishal Pawar•200
    @vishalpawarRPosted 8 months ago

    Hey! Nice try to completing the project!

    • Please try to make the few more improvements to the as per the design the font color of the buttons are not matching.
    • You are using the div for creating buttons
    • You have not used the Semantic HTML tags etc..... If you need help in understanding anything you can raise query in the discord server. in the channel with name -help
    0
  • mbalali63•150
    @mbalali63Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I like my fast action in this project. While using the least possible tools, I like my design. And I hope to receive good feedback helping me improve myself.

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

    AS the project was really simple, there was not really a special challenge.

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

    I like to have feedback about my decisions on dimensions and font sizes and also the reponsive-ness of the page. Also I am not good enough on semantic HTML, I hope to get comments or resources to improve myself.

    I used pure HTML-CSS for this project

    1
    Vishal Pawar•200
    @vishalpawarRPosted 8 months ago

    Hey! Good work on completing this project! In this project you need to add Semantic HTML like main for the card and the part with class name attribution please add it in the footer. In this Submit solution page below. After fixing it you can you can regenerate the accessibility report and it will remove the errors.

    You creating a card this is not a full page instead of the h1 we should be using h3 or h4 based on the needs of full page. Think in perspective of you are developing a full page and think which heading you want to keep.

    1
  • perterHUAN•250
    @perterHUANSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    empty

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

    empty

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

    I would like to use Bootstrap for rapid development(what I am more interested in learning from Bootstrap is how to design components.), but as a newcomer to Bootstrap, I'm not entirely clear on how to better utilize it. Often, the components provided by Bootstrap do not fully meet our project's requirements, necessitating some modifications. What are some better approaches to make these changes? Should I directly set new variable values? Add utility classes? Write a new class name and append it to the class attribute? Could you provide advice based on these types of modifications I might undertake?

    Rapid development using Bootstrap - QR code component

    2
    Vishal Pawar•200
    @vishalpawarRPosted 8 months ago

    Many people have different take on the Bootstrap and I don't prefer using bootstrap in these challenge as I need to keep on making changes to by adding classes to meet the project requirements.

    The best alternative option is tailwind.

    If you are beginner then I would say only use the vanilla CSS it will make it easy and not keep fixing side effects of the Bootstrap in these projects. (If you still want to use this is not an issue).

    2