Peace-Divine

Latest comments

• 

  Amol Vyas•150

  @amolvyas-6Submitted 13 days ago

  

  website using HTML and CSS

  1

  20
  

  Peace-Divine•50

  @Peace-DivinePosted 13 days ago

  It is accesible and looks good on all screens

  0
• 

  David Mani Ibrahim•200

  @DavidManiIbrahimSubmitted about 1 year ago

  

  receipe page

  #web-components

  1

  20
  

  Peace-Divine•50

  @Peace-DivinePosted 28 days ago

  it is accessible, the layout looks good on mobile screen size. the code is well-structured, readable and reusable

  0
• 

  Gustavo Nunes•30

  @gsnunes47Submitted about 1 month ago

  

  Link page using pure CSS

  #pure-css

  1

  10
  

  Peace-Divine•50

  @Peace-DivinePosted about 1 month ago

  The layout was okay on desktop was was quite sizeable on mobile view. the code was well structured and reusable

  0
• 

  arcueid-x•50

  @arcueid-xSubmitted about 1 month ago

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

  I can't align images and text.

  I reviewed vertical-align and successfully aligned the profile picture with the text.

  I forgot how to align each item in a grid layout.

  I reviewed the knowledge related to grid layout and learned that grid layout only aligns the entire items as a whole, and it cannot align individual items in a custom way.

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

  I tried to create a responsive layout using percentages, but I didn't succeed.

  

  Grid，vertical--align

  #foundation

  1

  10
  

  Peace-Divine•50

  @Peace-DivinePosted about 1 month ago

  yes it included semantic html , it was accessible and the layout looked good on a range of screen sizes

  0
• 

  M.A.Askat•40

  @AskatAshSubmitted 10 months ago

  What are you most proud of, and what would you do differently next time?

  I have done my best to make sure that images with different resolutions can easily fit the image container.

  I also made sure to add media query so that even on the smallest device the content as well as the image can easily fit the viewport.

  I tried to make the design as accurate as possible which I can proudly say looks almost the same as the design provided.

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

  The only challenge I encountered was making sure the image properly fits its parent container or element. Here is the code :

  #image-container{
      max-width: 100%;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
  }
  #image-container img{
      max-width: 100%;
      object-fit: cover;
  }
  

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

  Is there any other easier and more efficient method to fit any image in a container?

  

  Responsive QR-Code Design using Html and CSS

  #styled-components#web-components#accessibility

  1

  30
  

  Peace-Divine•50

  @Peace-DivinePosted about 1 month ago

  Yes, the layout look good on a range of screen sizes, the code is well-structured, readable and reusable.

  0