Rowan Pereira• 330
@rowanrooster
Submitted
Covenant-0
@Covenant-0
All comments
- Covenant-0• 100
@Covenant-0
Posted
This looks so perfect!!!!
0 - mateo1627• 90
@mateo1627
Submitted
Covenant-0• 100@Covenant-0
Posted
this looks very great.
0 What are you most proud of, and what would you do differently next time?
I like that I got to make use of a grid layout and figured out how to make lines seperating thet content using background color.
What challenges did you encounter, and how did you overcome them?
I had a hard time making the card a certain size no matter how big the window was but figured it out at the end.
What specific areas of your project would you like help with?
I would like a good amount of styling tips to make this project easier and some css syntax tips to potentially have less lines of code next time.
Covenant-0• 100@Covenant-0
Posted
To start with, you did a great job with this project. However, you are to try to replicate the given design as close as possible. The only issue i see with this code is the font-color. The main font color is black but you used dark raspberry throughout the body of the code. Asides from that, i think your code is perfect.
0- Nguyễn Duy Hùng• 450
@banhmisg9509
Submitted
Covenant-0• 100@Covenant-0
Posted
Your design looks so perfect!!! Kudos to you
0 - Pikitamalarose• 240
@ikitamalarose
Submitted
What are you most proud of, and what would you do differently next time?
I was able to do this challenge in less time than my first challenge. I was able to learn the notion of transitions and create an animation. As for responsive design, i no longer have a problem with the understanding of the latter.
What challenges did you encounter, and how did you overcome them?
About animation
What specific areas of your project would you like help with?
Currently i don't have any specific requests
Covenant-0• 100@Covenant-0
Posted
Hello there, great job on completing this challenge. Kudos to you. I went through your github repository and the styling was great. Keep up the good work.
0 - Mike• 160
@sanyomor-01
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud of designing this component
What challenges did you encounter, and how did you overcome them?
I didn't encounter any challenge
What specific areas of your project would you like help with?
I'm good
Covenant-0• 100@Covenant-0
Posted
The design and positioning of this project is great, however, you'll need to add a margin-top if you want it to look as close to the problem given as possible which is our aim. Asides from that, the project looks very good.
Marked as helpful
0 - Anntv• 80
@anntvanntv
Submitted
Covenant-0• 100@Covenant-0
Posted
Hello there anntvanntv, There are a lot of changes that would need to be made to this website.
- Instead of assigning a class to the <main>, encase a <div> in the main and then you can assign a class of container
- In your newly created div, encase a new div that will hold your <img> element and assign a class
- Your links should not be in a list format. Instead you can encase them in a button element. Each button for a different link
- The "challenge by...." sentence should be in the footer
- For the styling try using the code below
*{ margin : 0; padding: 0; box-sizing: border-box; max-width: 100%; } 6. To style the body, add the following styles. You can try this for centering ```body { margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } 7. You can try to read more or practice more on responsive web design. [Freecodecamp] (https://www.freecodecamp.org/learn/2022/responsive-web-design/)0 - MercySitienei• 20
@MercySitienei
Submitted
Making it responsive in terms of height was most challenging for me. Kindly let me know if I did it right
Covenant-0• 100@Covenant-0
Posted
You did very well for your first project, however it still needs a few adjustments.
- The image is not centered in the desktop view
- For the background and text colors, check the styles guide for the correct color.
- Your body should have a main element.
- If possible indent your code properly so as to make it easier for others to read your code.
- As for the height, you can set the height of the body to 100vh
Marked as helpful
0
