P
Dan Marius• 625
@danmlarsen
Submitted
What specific areas of your project would you like help with?
I appreciate any helpful feedback
P
🔅 Yuliya 🐈
@O-Julia-O
All comments
- P🔅 Yuliya 🐈• 240
@O-Julia-O
Posted
Looks very well. Keep coding
1 - P🔅 Yuliya 🐈• 240
@O-Julia-O
Posted
you are doing great job! Keep coding!
0 - Alisa• 30
@alisaTonga
Submitted
What are you most proud of, and what would you do differently next time?
That's my first adaptive web. I stragle most with Css code aligning elements and trying to make it adaptive.
What challenges did you encounter, and how did you overcome them?
As i told that was my first time doing it, i found youtube video and did almost the same thing.
What specific areas of your project would you like help with?
I think right now styling the web is my issue. I;m writting code but sometimes i dont complitely undersand consequences of some parts of code.
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
Hello, Alisa!
You are doing a great job!
Here are some links which tells you more about aligning items on page.
FlexBox: https://css-tricks.com/snippets/css/a-guide-to-flexbox
Grid: https://css-tricks.com/snippets/css/complete-guide-grid
Keep coding :)
Marked as helpful
0 - LaStellaa• 90
@LaStellaa
Submitted
What are you most proud of, and what would you do differently next time?
This is my third "newby" project and i realized I could do some of the things much easier than the last two projects so I guess I'm proud of making progress!
What challenges did you encounter, and how did you overcome them?
I guess the footer was a little bit of a challenge, as well as making the code responsive. I will keep practicing with responsiveness until I feel confident.
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
Hello, LaStellaa!
You are doing a great job! But I noticed that you are struggling with positioning the content in the center of the page. I would recommend two options for that. You can write in main block
Flexbox:
display: flex; justify-content: center; align-items: center; min-height: 100vh;or GRID(almost the same) :
display: grid; place-items: center; min-height: 100vh;Both of them are good, but second is a bit shortly version.
Also here two good links to find out more information about flexbox and grid.
FlexBox: https://css-tricks.com/snippets/css/a-guide-to-flexbox
Grid: https://css-tricks.com/snippets/css/complete-guide-grid
Have a good time :)
Marked as helpful
1 - Pratham Sugandhi• 10
@pratham-sugandhi
Submitted
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
This comment was deleted
0 - Walid Hawari• 100
@whawari
Submitted
What are you most proud of, and what would you do differently next time?
Learning more about Tailwind CSS, and learning how the box shadow property works!
What challenges did you encounter, and how did you overcome them?
- Adding custom local fonts. I overcame this challenge by googling and following Tailwind CSS documentation.
What specific areas of your project would you like help with?
It was mentioned not to use media queries in the challenge, however I used media queries to match the design. I searched on how to create responsive text without the use of media query and stumbled upon the clamp() function and the (vw, vh, vmax, and vmin) CSS units. I did not know how to exactly apply them to the design. It would be great to know how to achieve responsive text without using media queries!
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
Great work!
0 - PTuğçe Kızıldağ• 290
@tugcekizildg
Submitted
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
I tried to find something wrong, but instead I found a way how to solve my problem with overflow:hidden :)))
You made a great work! Keep coding!
0 - PTuğçe Kızıldağ• 290
@tugcekizildg
Submitted
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
Looks very similar :) Keep coding:)
0 - ErrorCode710• 150
@ErrorCode710
Submitted
What are you most proud of, and what would you do differently next time?
The Grid I easily finish it
What challenges did you encounter, and how did you overcome them?
the layout, Trial and error
What specific areas of your project would you like help with?
If you have any suggestions on how I can improve this project, feel free to leave me a comment!
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
You did it well! Keep coding :)
0 - K.Sai Krishna• 180
@sai2k23
Submitted
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
I like it :)
0 - Diego Alves• 190
@DiegoAlvees
Submitted
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
Perfect work!
0 - Eugene• 60
@Evgeniy-Hozyainov
Submitted
P🔅 Yuliya 🐈• 240@O-Julia-O
Posted
woooow. I like the code very much. Amazing work :)
1
