Skip to content
OverviewSolutions
17
Comments
6

DHEERAJ PUJYAM

@dheeraj-90040Vijayawada , Andhra Pradesh200 points

I am Dheeraj present I am pursuing my Btech at KLUniversity in the CSIT branch. I really love coding and my favorite programming language is Java and web development and I am very much interested in Mearn stack web development and full stack. my hobby is learning new things daily.

Latest solutions

View more solutions

Latest comments

  • DHEERAJ PUJYAM•200
    @dheeraj-90040

    Great design,

    I like your design because it is unique. Instead of copying, you tried it in your way.

    But there was a small suggestion from my side that you have to improve your design a little bit.

    In your design, you didn't use padding for text content. Use those. Here is the MDN docs on padding; follow this.

    And you also need to know about Flexbox and grid layout. Here are the best resources you can learn from. I hope this was helpful.

    Here are the resources from MDN for learning about padding, Flexbox, and Grid Layout:

    Padding Documentation:
    MDN Padding Documentation: Padding - https://developer.mozilla.org/en-US/docs/Web/CSS/padding

Flexbox:
    MDN Flexbox Documentation: CSS Flexible Box Layout - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout
Grid Layout:
    MDN Grid Layout Documentation: CSS Grid Layout -  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
  • DHEERAJ PUJYAM•200
    @dheeraj-90040

    Hello, @JSTong112

    The design you made was absolutely good but they are a few changes that help to Improve your design. The border-shadow has to be changed it is not only spread right & down it is blurred ex - border-shadow: 0px 0px 10px black ;

    This website may help you to make borders as your wish -- > https://shadows.brumm.af/

    -- And the border-radius has to be changed a little bit better use overflow: hidden; [ property ].

    Hope it is helpful , Thank you

    Marked as helpful
  • DHEERAJ PUJYAM•200
    @dheeraj-90040

    Is't really amazing . but do you have any idea about how to avoid Accessibility report errors .

    I have been facing that from last 3 challenges

  • DHEERAJ PUJYAM•200
    @dheeraj-90040

    Hi, nice to meet you, The image size is too big and everything is good I think this is your 1st project. so keep learning and practicing. Use flexbox instead for a good look.

    Thank you

  • DHEERAJ PUJYAM•200
    @dheeraj-90040

    I think your image is a source from the desktop. load the image in the folder where u kept the index.html file and give the source directly. then it will take the image and update it in the git repo too.

    thank you.

    Marked as helpful
  • DHEERAJ PUJYAM•200
    @dheeraj-90040

    Hi, Nice meeting you. I saw the problem. I think you used CSS - flexbox and set it to the column direction. what u do is correct. my solution is batter decrease the width of the image and increases the height of the image. and the card width should also increase. that is the problem. and removing wrapping components. try this ma work. or try using bootstrap container

    Thank You

    Marked as helpful