Hi everyone! My project works for the designated screen widths of 375px and 1440px, but it's not fully responsive. Can you provide some insight on the best way to make a flexbox fully responsive?
Thank you for taking the time to check out my solution!
I would suggest you to search more about breakpoints and media queries. I personally set my breakpoint at the width of 1024px(you can convert it to "em") so devices with a viewport width higher than 1024px(64em) desktop design of the page will be displayed. As well as devices with a viewport width lower than that will have the mobile design of the page. Why 1024px?, well we have to consider the tablets too. But this value can vary depending on how you want the content to be fit on the page.
Estou muito feliz por completar esse desafio, pela primeira vez conseguir usar o CSS Grid sem dificuldade, e usei o Media Queries pela primeira vez e achei bem simples.
That's great, on mobile approach you could add some margin-top, but before you have to set the body to be flex and min-height: 100vh. you could also use place-content:center and place-items center to center all content nicely if you want to.
I would like to know your opinionsز
It looks great!, maybe you could add the "cursor: pointer" property while hovering at the register button.
Any ideas on how to get started? I was confused with spacing and how to know how to layout. Not sure if my code is bloated
Hi Oscar,
Visually it looks great to me, the link to the github repo is broken so I didn't take a look at the code, well done!
Started doing this a while ago but finished just now. If you have any idea how I can improve it, I will gladly take it.
Hey Mayara,
Your solution is really good, but I would suggest to you to make the card border-radius a bit more round. (ficou excelente! ;D).
