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
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
Hello, 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.
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.
You do a great job, it's really pretty neat. Are you using might figma?
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
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
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.
Try doing .bigcontainer flex and .cardcontainer give align-self: center. And .bigcontainer make height: 100vh.
~
What challenges did you encounter, and how did you overcome them?~
What specific areas of your project would you like help with?~
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 :hover
and 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
Hi, try don't tape width with rem. Try doing with % or px and that's it.
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?
I'm not sure about the background image any suggestion will help thank you
Hello, 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.