@ali-reza-2531Submitted 25 days ago
Matthew Lancaster
@lank81All comments
- @lank81Posted 24 days ago
Very well done. I like the use of the BEM naming convention (something I want to move towards but don't always remember). It makes it much easier to read and navigate the tags.
The only suggestion I'd make is using semantic html5 tags instead of just DIVs. You could definitely use main and article for your container and testimonials.
0 - @Conte-MouctarSubmitted 25 days ago@lank81Posted 25 days ago
You have the overall layout down.
One thing to look out for is the font-weight of each area. The top line and the paragraphs are a font-weight of 200.
Another easy fix is adding float: right to your img tags. This allows the image to be on the bottom right, instead of the left.
0 - @Ramon-AlvezSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of the responsiveness and also the speed with which I did this project, I noticed an improvement in both reasoning and practice.
Another thing I'm happy about is the fact that I used pseudo-classes to style some parts.
What challenges did you encounter, and how did you overcome them?I had no difficulties.
What specific areas of your project would you like help with?I'm open to suggestions, I always try to improve 😊
@lank81Posted 29 days agoRamon, that's something I've noticed as well as I do more projects, the speed to which I have a more complete solution. Practice definitely makes perfect.
I'm not sure if this is a best practice or not but I like how you broke out your CSS files almost in an object oriented (class) way. This makes things neater and keeps them as functional separate pieces.
Marked as helpful1 - @Wladi-Mojica56Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
It could be said that I am proud to have completed the challenge, however I could have developed it 100% on my own and not depended on tutorials.
What challenges did you encounter, and how did you overcome them?To tell the truth, I had to rely on the topic of units of measurement with other projects
What specific areas of your project would you like help with?I would like to know how you carry out the use of measurement units, I mean to know the amount of px, em, or rem based solely on an image?
@lank81Posted about 1 month agoHey Wladi, Overall the page looks good. The main issue I see is around the prep time. I looks like the margins you have setup for ul li are 1.25rem plus some other margins already set in prep classes you have setup so the space between is much larger. I'm sure you could easily remedy this with either editing the prep classes.
0 - @VSKarthikTSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I have learned how to use max height / width to restrict the container to grow is helpful in social card project
What specific areas of your project would you like help with?I need help with responsive layout, does this social links card need to grow when we increase view port and decrease / shrink when we reduce view port
@lank81Posted about 1 month agoYour layout is identical to the design file.
I like the way you drill down in your CSS. Mine is higher level and although it still works I like how the specificity of your setup.
One small note, you should have an alt with a proper description in case your image isn't able to load.
0 - @lank81Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
When it came to my text I was using header tags. I'd probably use either semantic html or setup tags for each section and style the font size and weight on my own.
What challenges did you encounter, and how did you overcome them?The two issues I ran into:
- Setting up the user avatar and name alignment and size.
- setting the solid border box to be only right and below
@lank81Posted about 1 month agoThanks for the links. Since I'm newer to front end I need to read more and understand rem values instead of pixels. As I go forward I'll work more within those values instead of the normal pixel use.
0 - @rafirachmawanSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
Maybe the main difference with the previous project here is hover, what is hover? hover is when our cursor is on an object or text and the text will change the background or text as we want
What challenges did you encounter, and how did you overcome them?Maybe in this project the difficulty is with hover and responsiveness, the way I solved it was by asking chatgpt and reading the CSS library
What specific areas of your project would you like help with?I want to develop my skills in the field of frontend developers
@lank81Posted about 1 month agoRafi I never think to use ChatGPT. That's a great idea when you need an easy solution and/or some understanding surrounding the work that needs done.
My first solution was smaller like yours. I had to change the size of the card and image to 21rem instead of the 18rem I started off with.
Great job!
0 - @PamlifaSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I am happy to kick off a project.
What challenges did you encounter, and how did you overcome them?I was confused on which part of the html to place the image. So I had to rewatch a tutorial by Dave Grey.
What specific areas of your project would you like help with?I wanted to download fonts to use offline with VS code. I watch a tutorial that said it had to be in woff2 . Is that true? Can I use a downloaded font with ttf format?
@lank81Posted about 1 month agoYou've used semantic HTML and instead of overdoing it you made it simple. The readme should've been overwritten with your own changes to the supplied template. The reset and root section were new to me and something I'm going to read up on. Great job!
Marked as helpful0
