Latest solutions
- Submitted about 2 months ago
qr code component solution using flexbox
- HTML
- CSS
i use flexbox with
justify-content: center
andalign-items: center
withmin-height:100vh
to make sure the element position in the center but is it good enough or there's better solution for this use case ?i also experimenting to add paragraph description style with padding left and right with the value of 20px to make it looks like on the design, at first i want to use
<br/>
but i don't think it's a good idea and i don't know what is the better solution than this.
Latest comments
- @a5420bcSubmitted about 1 month ago@MindOfMinePosted about 1 month ago
I think you have different preview site link, on your code you use font family of Fraunces instead of Poppins.
0 - @JoseLeoV77Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I think i started to understand a bit more how to work mobile first.
What specific areas of your project would you like help with?I always like feeback on everything if possible!
@MindOfMinePosted about 1 month agoconsider try to use
<source srcset="" media=""/>
it allows you to specify different image sources for different screen sizes.Marked as helpful0 - P@jburger69Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I'm proud of jumping back into just HTML and CSS to get a challenge like this one. The way everything fits and is laid out makes me happy.
What challenges did you encounter, and how did you overcome them?One of the challenges I've encountered is using height. I had a hard time figuring out why my divs at the end of the page kept overlapping each other and I wanted to pull my hair out. After doing some research, I learned that setting a height on each div was causing me not to have enough space at the end of the page. The solution that I found was going back through my CSS and changing all my height to min-height. Another challenge was trying to get the CSS on my table correct I still couldn't figure it out but tried to get it as close as I could.
What specific areas of your project would you like help with?How would you get the line to go all the way through the table?
@MindOfMinePosted about 1 month agoyou can try using CSS custom properties to manage your colors because that make the code more readable, maintainable.
0 - @AljonLaxamanaSubmitted about 2 months ago@MindOfMinePosted about 2 months ago
looks great, i look at your solution and i learned that i need to add
opacity:0.7
and it solve my problem0 - @CoiferousYogiSubmitted about 2 months agoWhat specific areas of your project would you like help with?
So for the last three challeneges or so, I am trying to figure out the accessiblility part. My code gets flagged for that. Any help on that will be very helpful.
@MindOfMinePosted about 2 months agoConsider using an external CSS file for your complex and lengthy style rules. This way, you can keep your HTML clean and make updates more efficiently.
Marked as helpful1 - @Arthur18devSubmitted about 2 months ago@MindOfMinePosted about 2 months ago
it's recommended to place your <link rel="stylesheet"> tags within the <head> section. This ensures the styles are applied before the content is rendered.
Marked as helpful0