Link 2

Product Review Section /* Use Facebook font styles and color for this whole design */ * { font-family: Helvetica, Arial, sans-serif; color: #1c1e21; } /* Create a section5 that covers 60% of large screens and is centered. On smaller screens it covers 100%. */ .section5 { width: 60%; margin: 0 auto; } @media screen and (max-width: 768px) { .section5 { width: 100%; } } /* Add a profile picture against the username. Increase the right margin of username to push the name to be closer to the profile picture just like on facebook. */ .profile-pic { width: 40px; height: 40px; border-radius: 50%; float: left; margin-right: 10px; } /* Create a container, which will host the username and the comment text. Add a background color to this container, and a border radius of 30px like on facebook. Keep the profile picture outside (to the left and horizontally aligned in line with the username) container. */ .comment-text { background-color: #f0f2f5; border-radius: 30px; padding: 10px; margin-left: 50px; overflow: hidden; } /* Add a product picture to three of the comments. */ .product-pic { width: 200px; height: 200px; margin: 10px; } /* Below each comment text container, add another container, to the container add the age of comment (in seconds, minutes, or hours. Abbreviate the names. Also convert one to another i.e. if seconds reach 60, change it into minutes), number of likes, and replies. Bolden and align this content inline and to the left. Shouldn’t have a background color. */ .comment-info { margin-left: 50px; margin-top: 10px; font-weight: bold; } .comment-info p { display: inline; margin-right: 10px; } /* Make the post age, likes and reply have the same color as their counterparts on facebook comments section. */ .age, .likes, .replies { color: #65676b; } /* Make all the usernames bold. */ .username { font-weight: bold; } /* Reduce the font size for post age, number of likes, and replies. */ .age, .likes, .replies { font-size: 0.8em; } /* Reduce the margin between the username and comment text by pushing the comment text upwards close to the username just like on facebook. */ .comment-text p { margin: 0; } /* Add some space between the comments */ .comment { margin-bottom: 20px; } /* Add some style to the reply comment */ .reply { margin-left: 50px; margin-top: 10px; }
Profile picture of John Doe

John Doe

I love this product! It is very useful and easy to use. I recommend it to everyone who needs a reliable and affordable solution.

Picture of the product packaging

5m ago

3 replies

Profile picture of Jane Smith

Jane Smith

I agree with you, John. This product is amazing. I have been using it for a month and I have no complaints.

3m ago

1 reply

Profile picture of Bob Lee

Bob Lee

This product is terrible. It does not work as advertised and it broke after a week of use. Do not waste your money on this.

10m ago

5 replies

Profile picture of Alice Green

Alice Green

This product is okay, but not great. It works fine, but it is not very durable and it has some flaws. I think there are better options out there.

15m ago

2 replies

Profile picture of Mark Brown

Mark Brown

This product is awesome! It is very high quality and it has many features. It is worth every penny. Here is a picture of how I use it.

Picture of the product in use

20m ago

4 replies

Profile picture of Lisa White

Lisa White

This product is good, but not perfect. It has some minor issues, but nothing major. It is still a good value for the money. Here is a picture of the product.

Picture of the product

25m ago

3 replies