Skip to content
OverviewSolutions
8
Comments
7
gowtham
@gowthamjk08

All comments

  • gowtham•100
    @gowthamjk08Posted 12 days ago

    looks good

    1
  • gowtham•100
    @gowthamjk08Posted 13 days ago

    your source code is invalid so can you reupdate it.

    0
  • Kevin Shie•20
    @SheepnoreSubmitted about 1 month ago
    What challenges did you encounter, and how did you overcome them?
    1. Changing img based on device width: Using solves the problem.
    2. The border-radius not applying on the container: The issue was the img is bigger than the grid container, causing it to overflow. Setting overflow: hidden will clip out the overflowing part of img.
    3. The img is too big for grid container: To shrink it down to fit the container, setting max-width: 100% height: auto on the img. max-width: 100% ensures that the img cannot be wider than its parent element. After that, setting display: block will fill out the empty space in the column where img is in.

    RWD Product Card using CSS grid

    1
    gowtham•100
    @gowthamjk08Posted 13 days ago

    make sure that the webpage is responsive for all kind screen sizes.

    0
  • gowtham•100
    @gowthamjk08Posted 15 days ago

    looks good but there issue in the table compare with design. Give all the content in table for better styling and don't use p tag.

    1
  • Emanuel Barcenas•100
    @eman2point0Submitted 19 days ago
    What are you most proud of, and what would you do differently next time?

    Really good way to understand the box-model of CSS as well as a good understanding of semantic elements in HTML.

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

    Some challenges I encountered were typical styling issues, but after looking online and trying out Flexbox Froggy, I got a better understanding and was able to overcome them.

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

    I would like to work more on interactive pieces such as buttons and animations .

    Social Links Profile

    1
    gowtham•100
    @gowthamjk08Posted 15 days ago

    try to be recreate the design and make sure that the outcome would be same as possible to given design. Another one thing the all link more preparable to given within a anchor tag compare to input tag.

    0
  • gowtham•100
    @gowthamjk08Posted 16 days ago

    make and use variable in CSS so that you can fix the color text size and etc.. change easily. make it mobile responsive - in fact you don't needed to give the height to the main container in media query for mobile responsive.

    0
  • gowtham•100
    @gowthamjk08Posted 16 days ago

    make the body full height as example min-height:100vh;

    Marked as helpful
    0