I am at the beginning of my WebDev journey - I have completed the Responsive Web Design freeCodeCamp course and am using Frontend Mentor to help improve my development skills. Fun fact! I am both a qualified Make-up Artist and IT Technician
I’m currently learning...I am currently working through a Fullstack Web Development course, which is teaching me everything from HTML and CSS through to Backend tools such as React.js, APIs and Blockchain technology.
Latest solutions
Testimonial page using Grid and Flex
Submitted 2 months agoI struggled a little with the positioning of the SVG. I tried using
flex
,transform
andposition
and none of them successfully moved it to the correct spot. In the end I just used thetop
andleft
properties, but I am sure there is a way to make it more responsive.Four card challenge
Submitted 3 months agoI wasn't able to figure out how to change the order of Karma and Calculator without messing up the whole layout, so any suggestions on this would be amazing.
Product preview card
Submitted 4 months agoAny suggestions or resources for using SVG's within CSS would be helpful.
social-links-profile
Submitted 6 months agoI will be trying to incorporate more website accessibility into my code. Early on in my web development journey I touched on this subject through freeCodeCamp, but now that I have a better grasp on the basics of HTML and CSS, I think I will have a better time understanding these concepts and how to use them.
Latest comments
- @mintleavesSubmitted 2 months ago@minahopgoodPosted 2 months ago
My only suggestions would be to pay close attention to the size of the columns/rows to make sure they are closer to the example and to look closely at your font colours. Other than that, this looks great! Keep up the good work.
1 - @Ivansol-21Submitted 3 months ago@minahopgoodPosted 3 months ago
This looks amazing! My only critique would be to pay attention to the spacing between each box and the header - other than that keep up the good work!
0 - @MouayyadAhmedSubmitted 6 months ago@minahopgoodPosted 4 months ago
This looks good! My only critique is to pay attention to the padding and margins of the text.
Good work!
0 - @ajaysathasivamSubmitted about 1 year ago@minahopgoodPosted 5 months ago
This is a good start! The only thing I would suggest is to make sure you paying attention to the original design.
There are a few things that need to be fixed:
- the preparation time section should have some more styling
- the bullet points need to be styled
- spacing between lines in the first few sections
- ensuring the recipe card is centered in the middle of the screen
As I said, this is a good start! It just needs a bit more work to reach the requested design.
0 - @DannimationsSubmitted 6 months ago@minahopgoodPosted 6 months ago
This looks good! You just need to adjust the spacing so that your design is centered on the screen. Take a look at this link on how to center in CSS - it may help you! Horizontal and Vertical Alignment - W3 Schools
0 - @akshay-v-tSubmitted 6 months ago@minahopgoodPosted 6 months ago
I like how you have animated the whole preview when you hover over it! My suggestion is to remember to properly fill out your README.md so that we can see what you learned and what resources you used. Good job!
0