I struggled a lot with creating a mobile page first using flexbox
. I tried the create the desktop version and failed too. I used grid
and I was able to get the outlines to sit perfectly.
Latest solutions
Building a desktop and mobile version of a recipe page
Submitted 8 months agoI would appreciate it if someone could explain which is better for implementing the nutrition section: tables or grid property.
Thank you!
Latest comments
- @emeraldknyttWhat challenges did you encounter, and how did you overcome them?@emeraldknytt
Thank you!
- @Adamakeit@emeraldknytt
Hello Adamakeit, your Github page seems broken. I would suggest you try to get it up as soon as you can. This will help other more experienced developers assess your code and proffer fixes for optimization.
Good luck with your next exercise!
- @emeraldknyttWhat are you most proud of, and what would you do differently next time?
I am quite impressed to have built the profile card without using Figma starter pack. While it took me a significantly longer time to get the values right, I liked the challenge it posed. I would like to purchase the pro plan as I will greatly benefit from using it to further improve on my skills. Thank you, Frontend Mentor!
What challenges did you encounter, and how did you overcome them?The biggest challenge I faced was in trying to make sure that my solution mimics the design as best as I could afford to get it done without using Figma. Also, I struggled a little with the socials components, not knowing if a `` tag with
border
property was better than using abutton
tag. I eventually went with the latter as it made more sense that those components links and are meant to be clicked.@emeraldknyttI do agree it is quite frustrating working on the solution without the Figma pack, I will consider getting the pro pack as the tasks increase in complexity. Thank you for your encouraging comment!
- @Pavan7201@emeraldknytt
Well done, Pavan! I am an aspiring frontend developer like you and I did this exact exercise without using the Figma pack. I do have to say that as stressful as it is designing this website without the exact
property : value
pairs, you did a wonderful job. My suggestion to you is to use thestyle-guide.md
file to ensure the background color is accurate.Also, the color of your font is a lot darker than it should. I believe changing it using the style guide will bring your solution one step closer to the actual design.
Good job!
Marked as helpful - @Harsha0419What are you most proud of, and what would you do differently next time?
I Perfectly Created Design
What challenges did you encounter, and how did you overcome them?Mobile Design Responsive Size
What specific areas of your project would you like help with?Responsive Design in Mobile
@emeraldknyttGreat job!
- @wasiqurzaman@emeraldknytt
Very brilliant! I have a question for you. How did you obscure the
Challenge by Frontend mentor, coded by {insert names here}
?Also, you might want to check the color of the text in the description under HTML & CSS Foundations....I hope you fix it soon, dev.
10/10!