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.
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!
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 a button tag. I eventually went with the latter as it made more sense that those components links and are meant to be clicked.
I 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!
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 the style-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!
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
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!
While I understand the need to use view height as the unit for your width and height, I would have personally used px or rem to match the exact dimensions of the card.
