- I did not understood the exact size for mobile screen
- For making a div at center, should I go with flex or margin and transform is okay?
- What is the ideal solution for this.
Martin
@nonso01All comments
- @DhobaleAnjaliSubmitted over 1 year ago@nonso01Posted over 1 year ago
- use flex box or grid to super center whatever element you might have, rather than using margin, because no other element can occupy the space.
- you can check the specified font , because it seems like it's not loading properly.
- just follow the flow, most mobile are within
360 - 380px wide
so you could work on that. Happy coding
0 - @Adebusayo0325Submitted over 1 year ago
Making the name get shortened if the name is too long and making the numbers appear and add spaces in the texting
@nonso01Posted over 1 year agohey @Opeyemi , it would be amazing if you could work on your styling and adjusting the logics too.
- it seems like the red border you applied probably for errors remained as the default border.
- the specified font wasn't applied either
- you applied a relatively thick box-shadow and encapsulated everything inside a box, instead of occupying the whole page
- no error boundaries were applied to prevent the user from moving forward if any required field wasn't correct.
- please try making your code as readable as possible
- hope you'll rectify all these
wishing you well, and happy coding
0 - @simplysabirSubmitted about 2 years ago@nonso01Posted about 2 years ago
👋 Hello dude.
- just some couple of things to review, which might make your solution much more better.
- for the
rating
text(s) you forgot to use the appropriate color which was very dark magenta - for the mean time I don't have a functional machine, would have made a pull request, the solution looks stretched on larger screens, which means you have to increase your components as well( probably responsively) try using relative sizes (%)
- doesn't look too good on mobile, with time I know you will do it.
- and add
text-align: center
to the card paragraph and other places where needed.
Hope it helps and hey
accessibility issues too
nice job though ^_^Marked as helpful0 - @Mounir-khSubmitted about 2 years ago
I need help wrapping content inside the div container. I appreciate your help, Thank you
@nonso01Posted about 2 years ago- Well looks like you would need to update your styling , and as well make better use of flex box.
- it will be preferable to wrap the image within a div. and set it sizes to
%
will adjusting the flex child so as to have a desirable appearance. - I might create an issue or pull request in your GitHub too
Marked as helpful0 - @correlucasSubmitted about 2 years ago
👾 Hello, Frontend Mentor coding community. This is my solution for the Fylo Data Storage Component.
This challenge was really challenging, was really tricky to create the pop up and position some elements. Was really fun to create the logo and customize the design, I am happy with the design output but not with the code, once I finish the remaining HTML/CSS challenges I'll focus on it!
🎨 I added some custom features:
- 👨🔬 Custom UI Design + Logo.
- 🧚♀️ CSS Animations
🍚Follow me in my journey to finish all
HTML/CSS
only challenges (Only 3 missing)! Gotta Catch ’Em AllIll be happy to hear any feedback and advice!
- @scottie130Submitted about 2 years ago
Qr-code-component
@nonso01Posted about 2 years agowell there are Soo many errors in your css file right now, that's why some of the contents were not rendered.
/* this is how you use a variable in css */ :root{ --my-var: Bleu; --my__var: red; --var: yellow; /* but this is wrong*/ --my var: orange; /* you allowed a space which spoiled everything */ }
- Try to adjust this few things, and keep pushing 🙂
0 - @hamza4916Submitted about 2 years ago
there's no html and css tags for beginners like me.
i'd really appreciate if you added it, thanks😊
@nonso01Posted about 2 years agoHello Hamza 👏, there is a couple of things to review form your solution.
Your GitHub repo
your repository isn't available right now, which hinders me from reviewing some potential mistakes (hope you will resolve that in future).
Others
- from what I can see here , you probably failed to import a specified fonts
import url("google fonts") /* or @font-face at-rule*/
- you probably had issues with basic stylings such as box layout
/*flex box ppt*
hope you will resolve this and get better, nice job though.
Marked as helpful0 - @emmanuelurbinaSubmitted over 2 years ago
In this project the most hard thing form me was the mobile first work flow, I try to did the best as possible.
@nonso01Posted over 2 years agowell am not sure because from the screenshot and from the page. the blue
button
download for mac
is missing. and the background images as well,there are also missing. you might want to check it out, aside that I think any other thing looks good. nice job0 - @dammielareySubmitted over 2 years ago@nonso01Posted over 2 years ago
well since your hosting provider failed to fetch your solutions I had to look into your source code!. you made use of
positioning
a lot probably in order to center 🙂!, I started off like that (but withmargin:auto
). I will advice you to learnflex-box and grid
for the time being! it's simple trust me. you can start from here and again try to fix the issues with your hosting providers.0 - @ayokeedSubmitted over 2 years ago
All feedback is welcome!!
@nonso01Posted over 2 years agohello 👋 dude!
- you got some html issues, accessibilities and so on, try to write semantic html H1 to Hn.
- and your solution isn't published completely, try to work on that!.
- You could look through GitHub documentations or netlify
- And most importantly take your time and get better no rushing! 😙✌️
Marked as helpful0 - @EilonK05Submitted over 2 years ago@nonso01Posted over 2 years ago
hmmm!!! 😉👋 hello great solution but you still have some few things to do! your card has some issues with dimensions! not responsive on mobile! the images seems to pop out!
- you could give it some fixed dimensions or use grid! if you're already in the topic!
- the applying some media queries! for mobile!
- great job though 😙✌️
Marked as helpful1 - @CodePoku7Submitted over 2 years ago@nonso01Posted over 2 years ago
- well at first I thought they was no solution.
- well smooth work there!.
- and just try and fix some issues (HTML and accessibility) keep up 🦾
Marked as helpful0