I appreciate any helpful feedback
๐ Yuliya ๐
@O-Julia-OAll comments
- @danmlarsenSubmitted 4 months agoWhat specific areas of your project would you like help with?
- @teempeSubmitted 4 months ago
- @alisaTongaSubmitted 4 months agoWhat 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.
@O-Julia-OPosted 4 months agoHello, 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 helpful0 - @LaStellaaSubmitted 4 months agoWhat 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.
@O-Julia-OPosted 4 months agoHello, 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 helpful1 - @pratham-sugandhiSubmitted 4 months ago
- @whawariSubmitted 4 months agoWhat 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.
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!
- @tugcekizildgSubmitted 4 months ago@O-Julia-OPosted 4 months ago
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 - @tugcekizildgSubmitted 4 months ago
- @ErrorCode710Submitted 6 months agoWhat 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!
- @sai2k23Submitted 6 months ago
- @DiegoAlveesSubmitted 4 months ago
- @Evgeniy-HozyainovSubmitted 4 months ago@O-Julia-OPosted 4 months ago
woooow. I like the code very much. Amazing work :)
1