@makiheroSubmitted 8 months ago
What are you most proud of, and what would you do differently next time?
none
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?none
Biskup85
@Biskup85All comments
- @AntonvasilacheSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
- Creating a more complex layout using grid and flex containers, to minimize the use of fixed values.
- Figuring out and creating the layout relatively quick, vast majority of time was spent on the fine details.
- Creating the shadow just as in the design file, I still think color is not exactly right.
- Adjusting the spacing at the end, trying to match the design as best as possible.
- Placing the container on the page, not sure if using vh was the best option.
- Not confident with how to use the box-shadow properties.
@Biskup85Posted 8 months agoHello, you can try introducing to font-size rem, and for padding and margin em. I'm thinking it's a good pattern for responsive sites.
1 - @DivasJaglanSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
Proud of making this page responsive although I could not think about any approach for this then remembered about the grid 💡
What challenges did you encounter, and how did you overcome them?I faced challenge in aligning the cards for the desktop. 💻 Then I came to know about the grid layout. I solved much of my problem, then the next was for the middle two cards so, I set the display to flex for them.
What specific areas of your project would you like help with?I think grid layout is more complex. I need some more practice to get a good command on that.
@Biskup85Posted 8 months agoYou do a great job, it's really pretty neat. Are you using might figma?
Marked as helpful0 - @codimaniacSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
It took me lesser time to implement the code
What challenges did you encounter, and how did you overcome them?I used img for the product image which turned out to be a bad idea but when I changed it to an empty div with the product image as background it was better.
What specific areas of your project would you like help with?I will like to get feedback on
- My naming convection
- Overall structure of the code
- I would also like to know if there is a way to do it better
- @MonfaredzSubmitted 9 months ago
- @JimCoder-DevSubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
Speed to get online
What challenges did you encounter, and how did you overcome them?The right amount of margin and padding
What specific areas of your project would you like help with?Using classes or ids rather than styling using the HTML elements
- @Amit-WebdevSubmitted 9 months ago
- @pauzuffinettiSubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
So, i'm still trying to make the containers be centered in the middle of the page and not just at the top. I've tried using flexbox, justify-content, align-items, but it's always at the top of the viewport.
For what i know, it's not a good practice to center containers using margin or giving the body element flexbo properties.
If anyone could give me a hand, i'd appreciate it a lot. Also excuse my english, if there's something you don't understand feel free to ask.
What challenges did you encounter, and how did you overcome them?Centering the container.
What specific areas of your project would you like help with?Centering the container lol.
@Biskup85Posted 9 months agoTry doing .bigcontainer flex and .cardcontainer give align-self: center. And .bigcontainer make height: 100vh.
0 - @JAYMALA-963Submitted 9 months agoWhat 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?~
- @Harsh-Kumar-DwivediSubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
I am proud that I was able to build solution for this "Blog Preview Card" project using only HTML & CSS which is quite closer to given design.
From next time, I would prefer to solve problems into hierarchical fashion whether its whole project or problems that occur during building as not being in an order consumes more time fixing things.
What challenges did you encounter, and how did you overcome them?I encountered the challenge of creating different behaviors on different states of elements. I had to build a different design at different states which was a bit unclear to me that how to do that? But then I learnt about various pseudo classes like
What specific areas of your project would you like help with?:hoverand then I used it to design how element would respond on that state.Would like to know following:-
1.How to approach building frontends faster with lesser number of issues?
2.How to build design such that when user hovers over "HTML & CSS foundations" then its color changes to yellow and then only main's shadow increases?
Checkout my solution ! Feedbacks are welcome ! Stay Happy & Well ! Thanks
@Biskup85Posted 9 months agoHi, try don't tape width with rem. Try doing with % or px and that's it.
0 - @SimonProgrammerSubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
I built the project quickly and it brought back memories of my beginnings as a frontend engineer. What I will do differently is use a framework like Astro to test its potential.
What challenges did you encounter, and how did you overcome them?Find the measurements in figma because I had not used the platform's editor mode but after using it for a while, I learned how to obtain the necessary information for the layout
What specific areas of your project would you like help with?For this project is it necessary to use a library like tailwind css given its size?
Is it necessary to use media queries or container queries to ensure maximum responsiveness of the project in different browsers?
- @opolis8Submitted about 1 year ago
I'm not sure about the background image any suggestion will help thank you
@Biskup85Posted about 1 year agoHello, I have the same problem with the background image, and I think it's the only way to put it in a div and do its position with a transform translate.
0
