Obare• 210
@simplyObare
Submitted
soybrrraian
@imbraian
All comments
- soybrrraian• 80
@imbraian
Posted
AYUDAME, NO SE QUE HACER PORQUE SOY MALISIMO PROGRAMANDO PIPIPIPIPIPIIPPIPIPIIPIIPIPPIPIPIPIPIPIPIPI
0 - Bianca Albuquerque• 120
@BiancaAdS
Submitted
What are you most proud of, and what would you do differently next time?
What challenges did you encounter, and how did you overcome them?
What specific areas of your project would you like help with?
soybrrraian• 80@imbraian
Posted
I assumed you don't need any help because you didn't write anything in the description of your project. Anyway, greetings, friend!
0 - Daniele Morello• 100
@DanieleMorello
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud of the responsive layout.
What challenges did you encounter, and how did you overcome them?
The biggest challenge was aligning the texts in the nutrition section, which was overcome using a trick i.e. using space entities.
What specific areas of your project would you like help with?
In the nutrition section, I'd like to be able to paste without the use of the trick I used.
soybrrraian• 80@imbraian
Posted
Hi Daniel!
Here are my tips:
-
Consider using tables in the "nutrition" section. I'm sharing the following link with you so you can practice and improve (there's always room for improvement). https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table
-
Consider using the BEM Methodology for more descriptive classes in your HTML. That's all. I wish you the best and hope that you keep improving your skills. https://www.youtube.com/watch?v=xaXmoVZ3koo
Have a good day!
0 -
- ayoub nakach• 50
@ayoubpr-0
Submitted
soybrrraian• 80@imbraian
Posted
Hello Ayoub! I've been looking at your project, and in terms of design, it looks excellent to me. Nonetheless, I'd like to give you the following advice:
- You should use more descriptive classes; for this, I recommend using the BEM methodology. That will help you a lot in the readability of your code. Always program with the mindset that other programmers will see it. If you're not familiar with BEM yet, I'll share a video with you to help you understand what I'm talking about: https://www.youtube.com/watch?v=xaXmoVZ3koo
- Congratulations on using custom properties (Variables).
- Instead of using flex in "section-2," you should use it on the parent element of the <a> tags; in this case, the <li> tag is the parent, so you should use flex there. And you should remove display block.
1 - hgcfkuyfliyfl• 140
@hgcfkuyfliyfl
Submitted
What are you most proud of, and what would you do differently next time?
i am learning
What challenges did you encounter, and how did you overcome them?
colors
What specific areas of your project would you like help with?
position
soybrrraian• 80@imbraian
Posted
Hey! How are you?
First of all, your design looks amazing. Congratulations on that!
Let me give you some tips:
To add shadow to your design, I recommend you investigate the CSS box-shadow property. Here is a link for you to check it out and practice: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
I recommend you use the BEM methodology to have a proper order in the classes of your HTML document. It is very useful and practical. Here is the link: https://en.bem.info/methodology/
The only way to learn is by practicing. Trust yourself and everything will be possible. Success in everything you set your mind to! Have a good day/night :)
0 - Nasserio10• 40
@Nasserio10
Submitted
What are you most proud of, and what would you do differently next time?
i am very excited that create my second challenge in frontend mentor. next time i would like to do it much fast than this .
What challenges did you encounter, and how did you overcome them?
the challenge as a newbie is very taugh because , a lot of time a visited online documentation of css how to create border, shadow etc
What specific areas of your project would you like help with?
i would like of help to create a responsive website of all types of windows , desktop , tablets, smartphone. i only created the desktop version
soybrrraian• 80@imbraian
Posted
Hi, Nasserio10! Here are my tips for you:
- Try using flexbox. The "position" property won't work in this case. Here's a guide on how to quickly learn flexbox and understand it.
- I recommend installing the "Prettier" extension to format your code and give it a clean and readable appearance.
- I recommend leaving a line of space between each selector in CSS. For example:
h1 {
}
h2 {
}
Do you understand?
Those are my tips. Keep up the good work and congratulations on your great project, you're amazing!
Remember, practice makes perfect.
0 - Rohit Khatri• 180
@khatri-rohit
Submitted
What are you most proud of, and what would you do differently next time?
This project helped me to manage text in a project and proud that I did it very efficiently.
What challenges did you encounter, and how did you overcome them?
This project helped me to manage text in a project and proud that I did it very efficiently.
What specific areas of your project would you like help with?
This project helped me to manage text in a project and proud that I did it very efficiently.
soybrrraian• 80@imbraian
Posted
Hello Rohit! Your design looks very good. They are almost identical. You did very well but you can improve it even more. You missed a little margin or padding at the bottom of the card. For the shadow, you could use the box-shadow property in CSS. Look up that property by its name on Google and practice. With a lot of enthusiasm and discipline, everything is possible. Cheer up, champion!
0 - PRaphael Perfi• 250
@raphaelperfi
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud to be making a responsive component, and next time I'll refactor my CSS code to SCSS.
What challenges did you encounter, and how did you overcome them?
None.
What specific areas of your project would you like help with?
I would like help with mobile-first responsiveness and BEM notation.
soybrrraian• 80@imbraian
Posted
Your design is incredible. Keep going, Brother! 10/10 (You shoud trying to use flexbox) Im proud of you. Practice makes perfect.
Marked as helpful
0
