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
Article preview component
Submitted 25 days agoI am not looking for help so much as words of encouragement that JavaScript gets a little less confusing. Thanks lol
Testimonial page using Grid and Flex
Submitted 5 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 6 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 7 months agoAny suggestions or resources for using SVG's within CSS would be helpful.
social-links-profile
Submitted 9 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
- @MJspitta@minahopgood
You did a really great job! The only thing I can spot is a slight sizing difference, but that can be hard to gauge. Good work with the JavaScript portion too, it looks very professional.
Marked as helpful - @mintleaves@minahopgood
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.
- @Ivansol-21@minahopgood
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!
- @MouayyadAhmed@minahopgood
This looks good! My only critique is to pay attention to the padding and margins of the text.
Good work!
- @ajaysathasivam@minahopgood
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.
- @Dannimations@minahopgood
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